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

Этот вопрос — частный случай работы event loop, но его часто задают на собеседованиях.

Определение

Promise.then — microtask
setTimeout — 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");
});

Порядок:

1. Синхронный код завершился.

2. Выполнился promise.

3. Выполнился timeout.

4. Выполнился promise in timeout.

Вывод

Promise.then имеет приоритет над setTimeout, потому что microtasks выполняются раньше macrotasks.