正如前面的答案已经说明的那样,Promise.all 将所有已解析的值聚合到一个与原始 Promises 的输入顺序相对应的数组中(请参阅Aggregating Promises)。
但是,我想指出的是,订单只保留在客户端!
对于开发人员来说,Promise 看起来是按顺序实现的,但实际上,Promise 的处理速度不同。了解何时使用远程后端很重要,因为后端可能会以不同的顺序接收您的 Promise。
这是一个使用超时来演示问题的示例:
Promise.all
const myPromises = [
new Promise((resolve) => setTimeout(() => {resolve('A (slow)'); console.log('A (slow)')}, 1000)),
new Promise((resolve) => setTimeout(() => {resolve('B (slower)'); console.log('B (slower)')}, 2000)),
new Promise((resolve) => setTimeout(() => {resolve('C (fast)'); console.log('C (fast)')}, 10))
];
Promise.all(myPromises).then(console.log)
在上面显示的代码中,三个 Promise(A、B、C)被赋予了Promise.all。三个 Promise 以不同的速度执行(C 是最快的,B 是最慢的)。这就是为什么 Promise 的 console.log 语句按此顺序显示的原因:
C (fast)
A (slow)
B (slower)
如果 Promises 是 AJAX 调用,那么远程后端将按此顺序接收这些值。但在客户端Promise.all 确保结果按照myPromises 数组的原始位置排序。这就是为什么最终的结果是:
['A (slow)', 'B (slower)', 'C (fast)']
如果您还想保证 Promise 的实际执行,那么您需要一个类似于 Promise 队列的概念。这是一个使用p-queue 的示例(注意,您需要将所有 Promises 包装在函数中):
顺序承诺队列
const PQueue = require('p-queue');
const queue = new PQueue({concurrency: 1});
// Thunked Promises:
const myPromises = [
() => new Promise((resolve) => setTimeout(() => {
resolve('A (slow)');
console.log('A (slow)');
}, 1000)),
() => new Promise((resolve) => setTimeout(() => {
resolve('B (slower)');
console.log('B (slower)');
}, 2000)),
() => new Promise((resolve) => setTimeout(() => {
resolve('C (fast)');
console.log('C (fast)');
}, 10))
];
queue.addAll(myPromises).then(console.log);
结果
A (slow)
B (slower)
C (fast)
['A (slow)', 'B (slower)', 'C (fast)']