В каком порядке выполняются setTimeout и Promise.then?

Question

Promise.then всегда выполняется раньше, чем setTimeout, даже если таймер имеет задержку 0. Это происходит потому, что then попадает в очередь microtasks, а setTimeout — в очередь macrotasks. После завершения синхронного кода event loop сначала очищает очередь microtasks, и только потом берёт следующую macrotask.

YeaHub · Accepted Answer

Этот вопрос — частный случай работы event loop, но его часто задают на собеседованиях.ОпределениеPromise.then — microtasksetTimeout — macrotaskПримерsetTimeout(() => {
  console.log("timeout");
}, 0);

Promise.resolve().then(() => {
  console.log("promise");
});
Результатpromise
timeout
Более сложный примерsetTimeout(() => {
  console.log("timeout");
  Promise.resolve().then(() => console.log("promise in timeout"));
}, 0);

Promise.resolve().then(() => {
  console.log("promise");
});
Порядок:Синхронный код завершился.Выполнился promise.Выполнился timeout.Выполнился promise in timeout.ВыводPromise.then имеет приоритет над setTimeout, потому что microtasks выполняются раньше macrotasks.