Это параллельное выполнение промиссов?

Question

[mr jeery]

Есть два промиса

const promise1 = new Promise(...)
const promise2 = new Promise(...)

Я хочу выполнить их параллельно, что можете сказать о разнице между этими двумя методами, будет ли выполнение параллельным в первом методе ?

const [result1, result2] = [await promise1, await promise2]

ИЛИ

const [result1, result2] = Promise.all([promise1, promise2])

Answer 1

[Антон Спирин]

будет ли выполнение параллельным в первом методе ?

В вашем коде параллельное выполнение осуществляется за счет вызовов:

const promise1 = new Promise(...)
const promise2 = new Promise(...)

так как Promise начинают выполнение функции экзекутора сразу после создания.

Но библиотеки основанные на Promise так не работают, они обычно возвращают Promise на определенный вызов:

const someCall = (...someArgs) => new Promise((resolve, reject) => { /* ... */ });

В таком случае:

// последовательный вызов 
const [result1, result2] = [await someCall(), await someOtherCall()];

// параллельный вызов
const [result1, result2] = Promise.all([someCall(), someOtherCall()]);

Comments

[Lynn «Кофеман»]

На самом деле будет

Answer 2

[Lynn «Кофеман»]

В обоих случаях параллельно, т.к. вы создали промизы до await-ов.
Разница будет в случае если промисы будут реджектится. Например, если первый резолвится через секунду, а второй реджектится мгновенно, то в первом случае вы сначала дождётесь выполнение первого промиза, а во втором случае Promise.all сразу зареджектится.

Comments

[mr jeery]

Алексей Тен Как мнения разошлись то

Answer 3

[0xD34F]

В чём была проблема найти ответ на свой вопрос самостоятельно? Создаёте промисы, которые будут резолвиться через определённый промежуток времени, и смотрите, сколько пройдёт до получения результата в обоих случаях:

const getNum = () => new Promise(r => setTimeout(r, 1000, Math.random() * 100 | 0));

(async () => {
  console.time('xxx');
  const [ result1, result2 ] = [ await getNum(), await getNum() ];
  console.log(result1, result2);
  console.timeEnd('xxx');
})();

(async () => {
  console.time('yyy');
  const [ result1, result2 ] = await Promise.all([ getNum(), getNum() ]);
  console.log(result1, result2);
  console.timeEnd('yyy');
})();

Comments

[Lynn «Кофеман»]

А теперь вынесите вызов функции (создание промиса) в отдельные переменные как в вопросе и удивитесь.

[Lynn «Кофеман»]

(async () => {
  console.time('xxx');
  const p1 = getNum();
  const p2 = getNum();
  const [ result1, result2 ] = [ await p1, await p2 ];
  console.log(result1, result2);
  console.timeEnd('xxx');
})();

[0xD34F]

Алексей Тен, не удивлюсь. Уровень людей здесь в основном ниже плинтуса, сами редко понимают, что хотят спросить - вот и сделал поправку. Может зря.

[mr jeery]

0xD34F А что показывает ваш пример ?