异步等待promise.all地图不解决promise

Question

我试着去理解promise。所有这些都在使用async Wait的映射函数中，但我似乎返回了挂起的promise，我不明白为什么

这是工作代码，当我有一个.然后解决我的promise

const arr = [1, 2, 3, 4, 5];

const results = Promise.all(arr.map( item => {
    return item + 1;
}));

results.then(result=> console.log(result))

哪个日志与预期一致=[2,3,4,5,6]

现在，为了实现使用async等待的功能，我知道我需要用关键字async包装异步函数中的函数，并等待promise.all

const results = async () => await Promise.all(arr.map(async (item) => {
    return item + 1;
}));


console.log(results())

但我似乎总是记录下我的promise{

Answer 1

与前面提到的其他答案一样，async返回一个promise。这就是你得到的原因

 Promise { <pending> } 

不管你所做的是否有意义，你都可以用它来兑现你的promise

js prettyprint-override">const results = async () =>
  await Promise.all(
    [1, 2, 3, 4, 5].map(async item => {
      return item + 1;
    })
  );

results().then(e => console.log(e));

Answer 2

您所做的是为结果分配一个异步函数，而不是等待异步函数的工作方式。您需要为结果指定一个promise，并避免然后回调链接，我们可以使用async/await获得响应。

js lang-js prettyprint-override">const arr = [1, 2, 3];
const results = Promise.all(arr.map(async (item) => {
    return item + 1;
}));

async function output () { 
  console.log(await results);
}

output();

Answer 3

使用asnyc/wait不会使结果函数同步。（它字面上被标记为async！）因此，它返回一个promise，在记录值之前，您必须等待：

js prettyprint-override">const arr = [1, 2, 3];

const results = Promise.all(
  arr.map(async item => item + 1)
);

(async () => {
  console.log(await results)
})();