Promise.all 和 .map 函数的异步/等待无法按预期工作答案

【问题标题】：Async/Await not working as expected with Promise.all and a .map functionPromise.all 和 .map 函数的异步/等待无法按预期工作
【发布时间】：2017-08-28 20:59:51
【问题描述】：

我正在使用大量 async 函数，但遇到了一个奇怪的问题。

我的代码正在运行，如下所示：

async mainAsyncFunc (metadata) {
  let files = metadata.map(data => this.anotherAsyncFunc(data.url));
  return Promise.all(files);
}

anotherAsyncFunc 函数看起来像：

  async anotherAsyncFunc (url) {
    return await axios({
      url,
    }).then(res => res.data)
      .catch(err => {
      throw err;
    });
  }

当我尝试将更多数据附加到第一个函数 (mainAsyncFunc) 返回的内容时，我的问题就出现了。我的想法是在map 中自然而然地做到这一点，当一切都说完了，修改它看起来像：

async mainAsyncFunc (metadata) {
    files = metadata.map(data => {
        return new Promise((resolve) => {
          let file = this.anotherAsyncFunc(data.download_url);
          let fileName = data.name;
          resolve({
            file,
            fileName
          });
        });
      });
    return Promise.all(files);
}

如果不清楚，我会像往常一样获取文件本身，并为其附加一个文件名，然后解析该对象。

由于某种原因，这将返回一个待处理的 Promise，而我希望它等待它们被实现，然后作为对象中的完整文件和名称返回。任何帮助理解我做错了什么将不胜感激。

【问题讨论】：

async 函数返回承诺。你也不能将一个 Promise 包装的值变成一个普通的值，你总是需要await 或调用.then。你为什么期望得到一个数组？
@JaredSmith 我使用Promise.all()，因为我正在映射数据集并为每个项目返回异步函数的结果。从而创建一个数组。但是，我刚刚解决了自己的问题，现在正在发布解决方案
Promise.all 返回一个 Promise。同样，您不能“解开”承诺。你只能.then它。
@JaredSmith 我可以向您保证，我的工作代码正在返回一个已完成对象的数组:)。如果它可以帮助您更好地理解它，我将这个函数称为：FileRetriever.mainAsyncFunc(metadata).then(contents => ...)，而我的新工作代码contents 是一个数组。
不，不是，你的代码不像你想象的那样工作。 await 是.then 上的糖。你永远无法解开承诺。在一般情况下，这在逻辑上是不可能的，因为 没有办法 来判断一个承诺是否已解决。

标签： javascript promise async-await ecmascript-2017

【解决方案1】：

看来你的问题已经解决了，只是一个指针，你可以进一步简化你的代码如下：

async anotherAsyncFunc (url) {
    return (await axios({ url })).data;
}

async mainAsyncFunc (metadata) {
    let files = metadata.map(async data => ({
        file: await this.anotherAsyncFunc(data.download_url),
        fileName: data.name
    }));

    return Promise.all(files);
}

【讨论】：

【解决方案2】：

刚刚解决了这个问题：

  files = metadata.map(async (data) => {
    let file = await this.anotherAsyncFunction(data.download_url);
    let fileName = data.name;
    return {
      file,
      fileName
    };
  });

我需要将匿名函数包装在async 中，这样我就可以在其中使用await。希望这可以帮助其他有类似问题的人！

【讨论】：