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

Макротаски (macrotasks) — это задачи, которые выполняются после текущего синхронного кода и микротасок. Они попадают в очередь макротасок и обрабатываются Event Loop. Примеры макротасок: setTimeout, setInterval, setImmediate (Node.js), I/O операции, UI рендеринг.

console.log('Start');

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

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

console.log('End');
// Output: Start, End, Microtask, Macrotask

Микротаски (Promise, queueMicrotask, MutationObserver) выполняются сразу после текущего синхронного кода, до макротасок. Event Loop отдает приоритет микротаскам, поэтому они выполняются раньше.