Как работает очередь микрозадач

В JavaScript очередь микрозадач (microtask queue) обрабатывается после выполнения текущего синхронного кода и перед следующим макрозаданием (например, рендерингом или обработкой событий). Микрозадачи выполняются полностью, пока очередь не опустеет.

Пример:

console.log('Start');

setTimeout(() => console.log('Timeout'), 0);

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

console.log('End');

Вывод:

Start
End
Promise 1
Promise 2
Timeout

Микрозадачи создаются:

• Promise.then/catch/finally
• queueMicrotask()
• MutationObserver