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

Макротаски (macrotasks) создаются в Event Loop браузера для выполнения асинхронных операций. Они выполняются после текущего синхронного кода и микротасков. Основные источники макротасков:

• setTimeout и setInterval
• Запросы (XHR, Fetch API)
• События DOM (click, load и др.)
• requestAnimationFrame
• setImmediate (в Node.js)

console.log('Start');

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

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

console.log('End');
// Вывод: Start, End, Microtask, Macrotask

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