返回承诺的阵列

Question

>我有以下对象，存储在变量($gameSystem._ipLookupJSON(：

{
    "www.geoplugin.net/json.gp?jsoncallback=?": {
        "IP": "geoplugin_request",
        "Country": "geoplugin_countryCode",
        "City": "geoplugin_city"
    },
    "gd.geobytes.com/GetCityDetails?callback=?": {
        "IP": "geobytesipaddress",
        "Country": "geobytescountry",
        "City": "geobytescity"
    },
    "ip-api.com/json": {
        "IP": "ip",
        "Country": "country_name",
        "City": "city"
    },
    "ipinfo.io/json": {
        "IP": "ip",
        "Country": "country",
        "City": "city"
    }
}

此对象中的每个键都是一个 URL。

我有一个函数($._findService()(：

1. 遍历这些键中的每一个并将它们发送到另一个函数( $._urlExists() (，用于检查 URL 是否有效/响应，

2. 如果为 true，则$._findService()创建一个仅包含键及其元素的新数组，

3. 并且应该返回这个新数组。

不幸的是，我在第三步返回新数组时遇到了问题。

我已经谷歌并尽可能多地阅读了关于Promises，.then和Async/Await的信息，但我就是想不通，只是盯着这些代码行

。

const isServiceAvailable = async url_to_check => {
  console.log(url_to_check);
  return await subaybay.an._urlExists("http://" + url_to_check);
};
const checkServices = async(json_data) => {
    return await Promise.all(Object.keys(json_data).map(url_to_check => isServiceAvailable(url_to_check)));
};
$._findService = function(json_data) { 
  var url_check = checkServices(json_data); 
  url_check.then(function(values) { 
    for (i = 0; i < values.length; i++) { 
      if (values[i] === true) { 
        var service_to_use = new Promise(function(resolve, reject) {
          var result = [];
          result.push(json_data[Object.keys(json_data)[i]]);
          result.unshift(Object.keys(json_data)[i]);
          resolve(result);
        });
        service_to_use.then(function(value) {
          console.log(value);
          return value;
        });
      }; 
    }; 
  }); 
};

我希望$._findService()返回一个数组。

但唉，我得到的只是undefined.

如果我的代码不优雅或不漂亮，我深表歉意 - 我从二月底才自学JavaScript。

Answer 1

你的问题是你没有在函数范围内返回任何内容，你应该返回承诺。

const isServiceAvailable = url_to_check => subaybay.an._urlExists("http://" + url_to_check);
const checkServices = urls => Promise.all(urls.map(url_to_check => {
    return {url: url_to_check,status: isServiceAvailable(url_to_check)}
}));
$._findService = async function(json_data) {
    const values = await checkServices(Object.keys(json_data));
    return values.filter(v => v.status).map(v => v.url);
};

然后，您可以使用：

const result = await $._findService(json_data)

或

$._findService(json_data).then(result => { /* Do something */ })

注意：当你从异步函数返回一些东西时，你会得到一个承诺，所以，当你使用 await 时，你正在等待内联的承诺结果。

在 Promise 上使用异步和等待没有也永远不会有任何缺点，而且，它是现代的，而且更好，因为你不会使用"then"或"new Promise"语法制作更多的嵌套函数。

Answer 2

我建议对checkServices稍作更改。目前，输入类型是一个对象，但输出是数组的承诺。我认为返回一个与原始输入匹配的对象承诺会更直观 -

// old function
checkServices({ "/foo": ..., "bar": ... })
// => Promise [ true, false ]
// new function
checkServices({ "/foo": ..., "bar": ... })
// => Promise { "/foo": true, "/bar": false }

以下是更改 -

// old function
const checkServices = async(json_data) => {
    return await Promise.all(Object.keys(json_data).map(url_to_check => isServiceAvailable(url_to_check)));
};
// new function
const checkServices = (o = {}) =>
  Promise.all(
    Object.keys(o).map(k =>
      isServiceAvailable(k).then(v => [ k, v ])
    )
  )
  .then(Object.fromEntries)

有了这个结果，很容易找到对象的所有true键 -

$._findService = (o = {}) =>
  checkServices(o).then(o =>
    Object.keys(o).filter(k => o[k])
  )
$._findService({ "/foo": ..., "bar": ... })
// Promise [ "/foo" ]

展开下面的代码片段以在浏览器中运行此程序 -

const checkServices = (o = {}) =>
  Promise.all(
    Object.keys(o).map(k =>
      isServiceAvailable(k).then(v => [ k, v ])
    )
  )
  .then(Object.fromEntries)
// fake implementation for demo
const isServiceAvailable = (service = "") =>
  new Promise (r =>
    setTimeout (r, 1000, service === "/foo")
  )
_findService = (o = {}) =>
  checkServices(o).then(o =>
    Object.keys(o).filter(k => o[k])
  )
checkServices({ "/foo": 1, "/bar": 2 }).then(console.log, console.error)
// { "/foo": true, "/bar": false }
_findService({ "/foo": 1, "/bar": 2 }).then(console.log, console.error)
// [ "/foo" ]

在此程序中使用async-await没有任何优势