Promise.all: Порядок вирішених значень

Дивлячись на MDN, схоже, що valuesпереданий до then()зворотного виклику Promise.all містить значення у порядку обіцянок. Наприклад:

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: Запуск подібного коду показав, що це здається правдою, хоча це, звичайно, не підтверджує - це могло бути збігом обставин.

Незабаром порядок зберігається .

Після специфікації, з якою ви пов’язані, Promise.all(iterable)приймає iterable(тобто об’єкт, який підтримує Iteratorінтерфейс) як параметр, а пізніше звертається PerformPromiseAll( iterator, constructor, resultCapability)до нього, де останній циклічно iterableвикористовує IteratorStep(iterator).
Це означає, що якщо ітерабельний переказ, який ви Promise.all()передаєте, строго впорядкований, вони все одно будуть впорядковані, як тільки вони будуть передані.

Розв’язання реалізується через те, Promise.all() Resolveколи кожна розв’язана обіцянка має внутрішній [[Index]]слот, який позначає індекс обіцянки у вихідному введенні.

Все це означає, що висновок суворо впорядкований як вхід до тих пір, поки вхід строго впорядкований (наприклад, масив).

Ви можете бачити це в дії в нижченаведеній скрипці (ES6):

// Used to display results
const write = msg => {
  document.body.appendChild(document.createElement('div')).innerHTML = msg;
};

// Different speed async operations
const slow = new Promise(resolve => {
  setTimeout(resolve, 200, 'slow');
});
const instant = 'instant';
const quick = new Promise(resolve => {
  setTimeout(resolve, 50, 'quick');
});

// The order is preserved regardless of what resolved first
Promise.all([slow, instant, quick]).then(responses => {
  responses.map(response => write(response));
});

Як уже було сказано в попередніх відповідях, Promise.allагрегується всі розв’язані значення масивом, що відповідає порядку введення вихідних Обіцянь (див. Агрегативні обіцянки ).

Однак я хотів би зазначити, що замовлення зберігається лише на стороні клієнта!

Для розробника схоже, що Обіцянки виконувались в порядку, але насправді Обіцяння обробляються з різною швидкістю. Це важливо знати, коли ви працюєте з віддаленим сервісом, тому що він може отримати ваші обіцянки в іншому порядку.

Ось приклад, який демонструє проблему за допомогою таймаутів:

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)

У наведеному вище коді дано три обіцянки (A, B, C) Promise.all. Три обіцянки виконують з різною швидкістю (C - найшвидший, а B - найповільніший). Ось чому console.logзаяви Обіцянь відображаються в такому порядку:

C (fast) 
A (slow)
B (slower)

Якщо Обіцянки - це дзвінки AJAX, то віддалений сервер отримуватиме ці значення в цьому порядку. Але з боку клієнта Promise.allгарантує, що результати впорядковані відповідно до вихідних позицій myPromisesмасиву. Ось чому кінцевий результат:

['A (slow)', 'B (slower)', 'C (fast)']

Якщо ви хочете гарантувати фактичне виконання ваших Обіцянок, вам знадобиться така концепція, як черга обіцянки. Ось приклад використання p-черги (будьте обережні, вам потрібно ввести всі обіцянки у функції):

Послідовна черга обіцянок

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)']

Так, значення resultsв такому ж порядку, як і значення promises.

Можна посилатись на специфікацію ES6Promise.all , хоча це трохи заплутано через використаний ітератор api та загальний конструктор обіцянок. Однак ви помітите, що кожен зворотний виклик розв'язувача має [[index]]атрибут, який створюється в ітерації масиву обіцянок і використовується для встановлення значень на масиві результатів.