javascript - 如何等待 JavaScript/TypeScript 中的 Promise 列表？

Question

我有以下代码，fileStatsPromisesis of Promise<Stats>[]， bothfoo和barare Promise<Stats>[]。等待他们的正确方法是什么？我想得到<Stats>[]。

    const files = await readDir(currentDir);
    const fileStatsPromises = files.map(filename => path.join(currentDir, filename)).map(stat);

    const foo = await fileStatsPromises;
    const bar = await Promise.all(fileStatsPromises);

编辑：一个最小的例子。

function makePromise() {
    return Promise.resolve("hello");
}
const promiseArray = [];
// const promiseArray = [] as Promise<string>[];
for (let i = 0; i < 10; i++) {
    promiseArray.push(makePromise());
}

(async () => {
    const foo = await promiseArray;
    const bar = await Promise.all(promiseArray);
})();

Answer 1

这是对的：

const bar = await Promise.all(promiseArray);

await Promise.all([...])接受一个 Promises 数组并返回一个结果数组。

bar将是一个数组：['hello', ..., 'hello']

您还可以解构生成的数组：

const [bar1, ..., bar10] = await Promise.all(promiseArray);
console.log(bar1); // hello
console.log(bar7); // hello

Answer 2

请使用Promise.all(). 请参考官方文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all