是否可以在 for() 循环中使用 await ？

Question

有没有办法在 NOT for 循环（例如 foreach、map）中使用 async/await 调用异步函数，并仅在所有异步函数完成后继续执行其余代码？

const layers = ["layer1", "layer2", "layer3"];

async function connect(layer: string): Promise<object> {
    return new Promise((resolve, reject) => {
        setTimeout(function () {
            resolve(layer);
        }, 1000);
    });
}

(async function () {
    for (let i = 0; i < layers.length; i++) {
        const result = await connect(layers[i]);
        console.log(result, "connected");
    }
    console.log("All layers are connected");
})();

Answer 1

从技术上讲，您“可以”，但您不想这样做。如果您有一系列需要解决的承诺，最好使用Promise.all() 解决它们。

Answer 2

您正在寻找Promise.all()。它获取Promises 的数组（或其他可迭代对象）并返回一个新的Promise，当所有输入Promises 解析时解析。输入 Promises 并行执行（比循环中每个 Promise 的 await-ing 好得多）。

你await这个Promise。

const layers = ["layer1", "layer2", "layer3"];

async function connect(layer: string): Promise<object> {
    return new Promise((resolve, reject) => {
        setTimeout(function () {
            resolve(layer);
        }, 1000);
    });
}

await Promise.all(layers.map(connect));
console.log('All layers are connected');

Answer 3

可以在async 函数中使用await。因此，将它与async 中使用的除for 之外的其他语句一起使用，即do..while 和while 循环语句。

有没有办法在 NOT for 循环中调用异步函数（例如 foreach、map）

这是另一种情况。像forEach 这样的基于回调的方法有自己的功能。在常规函数中无法使用await：

arr.forEach(() => {
  await ... // syntax error
});

将 async 函数与 await 和 forEach is a common mistake 一起使用，因为它会导致一个被忽略的承诺：

arr.forEach(async () => {
  await ... // isn't awaited outside function
});

可以将async..await 与map 一起使用是可以接受的，因为它的工作方式是，从async 返回的promise 被map 使用并映射到结果数组：

const arrOfPromises = arr.map(async () => {
  await ...
});

为了在map 函数之外等待，Promise 应该被显式链接起来：

await Promise.all(arrOfPromises);