Что выведет код Middle Event loop обновлено

Смешанная очередь

Вопрос

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

setTimeout(() => console.log('t1'));
Promise.resolve().then(() => {
  console.log('p1');
  setTimeout(() => console.log('t2'));
});
Promise.resolve().then(() => console.log('p2'));
console.log('sync');

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

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

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

Коротко

Код выведет: sync, p1, p2, t1, t2. Почему так sync → все микрозадачи в порядке постановки (p1, p2) → таймеры в порядке постановки (t1, t2).

Что выведет

sync
p1
p2
t1
t2

Разбор

Почему так

sync → все микрозадачи в порядке постановки (p1, p2) → таймеры в порядке постановки (t1, t2). Таймер, поставленный из микрозадачи, встаёт в конец очереди таймеров.

Вывод

sync
p1
p2
t1
t2

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

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

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