Что выведет код Senior Промисы и async/await обновлено

Порядок в двух цепочках

Вопрос

Что выведет код? По строке на каждый вывод.

Promise.resolve(1)
  .then(() => console.log(1))
  .catch(() => console.log(2))
  .then(() => console.log(3));

Promise.reject(2)
  .then(() => console.log(4))
  .then(() => console.log(5))
  .catch(() => console.log(6))
  .then(() => console.log(7));

Попробуйте сами

Напишите, что выведет код: каждый вывод с новой строки.

Показать ответ и разбор

Коротко

Код выведет: 1, 3, 6, 7. Почему так Задача из чата, где человек не мог понять, почему при удалении одного then порядок меняется.

Что выведет

1
3
6
7

Разбор

Почему так

Задача из чата, где человек не мог понять, почему при удалении одного then порядок меняется. Причина: каждое звено цепочки - отдельная микрозадача, даже если его обработчик не подходит по состоянию и просто пробрасывает результат дальше. Убрал звено - цепочка стала короче и её catch добрался до очереди раньше. Это хорошая иллюстрация того, что then и catch не «фильтры», а полноценные шаги.

Вывод

1
3
6
7

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме