Что такое Macrotask

Macrotask — это задача, которая выполняется в основном потоке Event Loop после текущего стека вызовов и всех Microtasks. К ним относятся:

• setTimeout / setInterval
• I/O операции (например, чтение файлов)
• UI rendering
• requestAnimationFrame (в некоторых браузерах)
• события (click, scroll и т.д.)

Пример:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Microtask
Macrotask

Microtasks выполняются перед Macrotasks, даже если таймер установлен на 0.