В каком порядке исполняются очереди в Event Loop

Event Loop обрабатывает очереди в следующем порядке:

1. Call Stack - сначала выполняется синхронный код из стека вызовов
2. Microtasks (Promise.then/catch/finally, queueMicrotask, MutationObserver) - выполняются сразу после текущего макрозадания
3. Macrotasks (setTimeout, setInterval, setImmediate, I/O, UI rendering) - выполняются после микрозадач

Пример:

console.log('1. Sync');

setTimeout(() => console.log('4. Macrotask'));

Promise.resolve()
  .then(() => console.log('3. Microtask'));

console.log('2. Sync');

Вывод:

1. Sync
2. Sync
3. Microtask
4. Macrotask

Микрозадачи имеют приоритет и выполняются до следующего макрозадания, даже если были добавлены позже.