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

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

• setTimeout / setInterval
• I/O операции (например, чтение файлов)
• UI рендеринг
• События (click, scroll и т.д.)

Пример:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Promise
Timeout

Микрозадачи (Promise, queueMicrotask) выполняются перед макрозадачами, даже если таймер установлен на 0.