Где находится macro task в Event Loop

В Event Loop макротаски (macro tasks) находятся в очереди задач (Task Queue). Они выполняются после завершения текущего стека вызовов (call stack) и перед рендерингом.

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

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

console.log('Start');

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

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

console.log('End');
// Output: Start, End, Micro task, Macro task

Микротаски (promises, mutation observer) имеют приоритет и выполняются между макротасками. Event Loop сначала обрабатывает все микротаски перед следующей макротаской.