使用 async with map 执行多个 Promise

Question

我正在尝试使用 async with map 执行多个承诺：

const testAsyncFunction = async function testAsyncFunction() {
  const array = ["var1", "var2"];
  const promises = array.map(
    (variable) =>
      async function () {
        // This doesn't get logged
        console.log(
          "???? ~ file: coursesServices.js ~ line 853 ~ testAsyncFunction ~ variable",
          variable
        );
        return variable + "TEST";
      }
  );
  const promises_results = await Promise.all(promises);
  // This gets logged
  console.log(
    "???? ~ file: coursesServices.js ~ line 861 ~ testAsyncFunction ~ promises_results",
    promises_results
  );
};
testAsyncFunction();

这里的问题是 map 函数中的代码永远不会被执行。

这是在控制台中记录的内容：

???? ~ file: coursesServices.js ~ line 861 ~ testAsyncFunction ~ promises_results [ [AsyncFunction (anonymous)], [AsyncFunction (anonymous)] ]

我看不出我到底做错了什么。 但是，我有一种感觉 Promise.all 不适用于异步函数数组。

Answer 1

您应该在地图内使用 new promise。否则promise.all 不关心地图

(async() => {
  const arr = [1, 2, 3]
  const res = arr.map((a) => {
    return new Promise((resolve) => {
      setTimeout(() => {  //async call
        resolve(a + 'finished')
      }, 1000)
    })
  })
  console.log(await Promise.all(res))
})()