Что такое микрозадача

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

Примеры микрозадач:

• Промисы (Promise.resolve().then())
• queueMicrotask()
• MutationObserver

console.log('Start');

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

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

console.log('End');

// Вывод:
// Start
// End
// Promise
// Timeout

Микрозадачи выполняются до рендеринга страницы, что делает их полезными для выполнения быстрых операций без блокировки UI.