Приведи примеры макротасков

В JavaScript макротаски — это задачи, выполняемые после завершения текущего стека вызовов и микротасок. Примеры:

1. setTimeout и setInterval:

setTimeout(() => console.log('Макротаска'), 0);

2. События DOM (клики, скролл и т.д.):

button.addEventListener('click', () => console.log('Макротаска'));

3. requestAnimationFrame (хотя технически ближе к микротаскам, но выполняется в отдельной фазе рендеринга):

requestAnimationFrame(() => console.log('Анимация'));

4. Загрузка ресурсов (fetch, XMLHttpRequest):

fetch('url').then(res => console.log('Макротаска'));

Макротаски обрабатываются в Event Loop после микротасок (Promise, MutationObserver) и рендеринга.