Рассматривая MDN, он выглядит как values, переданный обратному сообщению then() для Promise.all, содержит значения порядка promises. Например:
var somePromises = [1, 2, 3, 4, 5].map(Promise.resolve);
return Promise.all(somePromises).then(function(results) {
console.log(results) // is [1, 2, 3, 4, 5] the guaranteed result?
});
Можно ли процитировать спецификацию, в которой должен быть порядок values?
PS: Выполнение такого кода показало, что это кажется правдой, хотя это, конечно, не доказательство - это могло быть совпадением.
Ответ 1
Вскоре порядок сохраняется.
Следуя спецификации, с которой вы связаны, Promise.all(iterable) принимает iterable (то есть объект, который поддерживает Iterator interface) как параметр, а затем - вызовы PerformPromiseAll (итератор, конструктор, resultCapability) с ним, где последний перебирает итеративный с помощью IteratorStep (iterator)код>.
Это означает, что если, если итерабельность, которую вы передаете в Promise.all(), строго упорядочена, они все равно будут упорядочены после прохождения.
Разрешение выполняется через Promise.all() Resolve, где каждое разрешенное обещание имеет внутренний слот [[Index]], который отмечает индекс обещания в исходном входе.
Все это означает, что вывод строго упорядочен как вход, если вход строго упорядочен (например, массив).
Вы можете увидеть это в действии в приведенном ниже скрипте (ES6):
//Используется для отображения результатов
const write = msg = > {
document.body.appendChild(document.createElement('div')). innerHTML = msg;
};
// Различные операции с асинхронной скоростью
const slow = new Promise (resolve = > {
setTimeout (разрешение, 200, "медленный" );
});
const instant = 'instant';
const quick = new Promise (resolve = > {
setTimeout (разрешить, 50, "быстро" );
});
// Порядок сохраняется независимо от того, что разрешено первым
Promise.all([медленный, мгновенный, быстрый]), затем (response = > {
response.map(response = > write (response));
});Код>
Ответ 2
Да, значения в results находятся в том же порядке, что и promises.
Можно было бы указать спецификацию ES6 на Promise.all, хотя она немного запутана из-за использованного итератора api и универсального конструктора обещаний. Тем не менее, вы заметите, что каждый обратный вызов resolver имеет атрибут [[index]], который создается в итерации с обещанием и используется для установки значений в массиве результатов.
Ответ 3
Как уже отмечалось в предыдущих ответах, Promise.all объединяет все разрешенные значения с массивом, соответствующим порядку ввода исходных обещаний (см. Агрегирование обещаний).
Однако я хотел бы указать, что заказ сохраняется только на стороне клиента!
Разработчику кажется, что обещания были выполнены в порядке, но на самом деле обещания обрабатываются с разной скоростью. Это важно знать, когда вы работаете с удаленным бэкэнд, потому что бэкэнд может получать ваши обещания в другом порядке.
Вот пример, демонстрирующий проблему с помощью тайм-аутов:
Promise.all
const myPromises = [
new Promise ((разрешить) = > setTimeout (() = > {разрешить ( "A (медленный)" ); console.log( "A (медленный)" )}, 1000)),
new (Promise) ((разрешить) = > setTimeout (() = > {разрешить ('B (медленнее)'); console.log('B (медленнее)')}, 2000)),
new Promise ((разрешить) = > setTimeout (() = > {resolve ('C (fast)'); console.log('C (fast)')}, 10))
];
Promise.all(myPromises).then(console.log)код>
