如何在JavaScript / TypeScript中等待Promise列表？

Posted 2021-04-11

我有以下代码，fileStatsPromises是Promise<Stats>[]，foo和bar都是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);
})();

答案

这是对的：

const bar = await Promise.all(promiseArray);

await Promise.all([...])获取Promise数组并返回一系列结果。

bar将是一个阵列：['hello', ..., 'hello']

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

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

另一答案

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

另一答案

我不确定你的意思，但也许是bar.then(function(){ alert('complete') })