Что такое микротаски

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

Примеры микротасков:

• Промисы (then/catch/finally)
• queueMicrotask()
• MutationObserver

console.log('Start');

setTimeout(() => console.log('Timeout'), 0); // макротаск

Promise.resolve().then(() => console.log('Promise')); // микротаск

console.log('End');
// Вывод: Start → End → Promise → Timeout

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