Что такое macro task

Macro tasks (макрозадачи) — это задачи, которые выполняются в основном потоке выполнения JavaScript после завершения текущего стека вызовов и перед обработкой микротасок. Они включают такие операции, как:

• setTimeout / setInterval
• I/O операции
• Рендеринг (например, requestAnimationFrame)
• События (клики, загрузка и т. д.)

Пример:

console.log('Start');

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

Promise.resolve().then(() => console.log('Micro task'));

console.log('End');

Вывод:

Start
End
Micro task
Macro task

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