在 Promise.all() 中附加 .then() 的 Promise

Question

我对承诺的解决感到困惑。 如果我创建了一个 Promise 数组并为它们提供了一个 .then() ，如下所示..

// assume async() returns a promise that resolves with the number 5. 
promiseArray = [];
for (let i = 0; i < 5; i++){
promiseArray.push(async(5).then(() => console.log("done")));
}
Promise.all(promiseArray).then(() => console.log("all done"));

我对这里发生的事情感到困惑。 承诺是否在 Promise.all() 完成之前开始控制台日志记录“完成”？ Promise.all() 的 .then() 是一个单独的 .then() ，它只会在所有承诺都解决后运行吗？

从所有单个 promise 中删除 .then() 而是在 Promise.all() 的 .then() 中执行此代码，如下所示有什么区别？ 是否有任何性能权衡？

// assume async() returns a promise that resolves with the number 5. 
promiseArray = [];
for (let i = 0; i < 5; i++){
promiseArray.push(async(5));
}
Promise.all(promiseArray).then((resolves) => resolves.forEach(console.log("done")));

Answer 1

承诺是否在 Promise.all() 完成之前开始控制台日志记录“完成”？ Promise.all() 的 .then() 是一个单独的 .then() ，它只会在所有承诺都解决后运行吗？

这是正确的。 被推送到数组的 Promises在它们的done被记录后都会解析，因此在 Promises 数组上调用Promise.all将导致all done在每个done被记录后总是被记录。

从所有单个 promise 中删除 .then() 而是在 Promise.all() 的 .then() 中执行此代码，如下所示有什么区别？ 是否有任何性能权衡？

主要区别在于，在第一种方法中， done可以在其先前的 Promise 完成后立即记录。 相比之下，在第二种方法中：

Promise.all(promiseArray).then((resolves) => resolves.forEach(

上面，所有 Promise必须在开始再次迭代之前解析。

这很可能是一个重要因素。 例如，假设您必须为每个 Promise 结果执行 CPU 密集型计算。 在这种情况下，采用第二种方法肯定是更好的选择，因为这样您就可以在等待其他 Promise 解析的同时执行其中的一些计算，而不是在开始第一次计算之前等待所有Promise 解析.

下面是一个示例，其中使用第二种方法比第一种方法有了实质性的改进。 当计算成本很高时，将它们链接到单个 Promises 上，而不是在Promise.all 。

（如果要在单个 Promise 之后运行的代码并不昂贵，那么没关系 - 您可以选择您认为最易读的方法）