Что такое Микрозадача в JavaScript

Микрозадачи (microtasks) — это задачи, которые выполняются сразу после текущего синхронного кода, но до следующей макрозадачи (например, рендеринга или обработки событий). Они имеют более высокий приоритет, чем макрозадачи.

Примеры источников микрозадач:

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

console.log('Старт');

setTimeout(() => console.log('Timeout'), 0); // макрозадача

Promise.resolve()
  .then(() => console.log('Promise')); // микрозадача

queueMicrotask(() => console.log('Microtask')); // микрозадача

console.log('Конец');

// Вывод:
// Старт
// Конец
// Promise
// Microtask
// Timeout