Как создать макротаск

Макротаски (macrotasks) в JavaScript выполняются после текущего синхронного кода и микротасков. Их можно создать с помощью:

1. setTimeout / setInterval:

setTimeout(() => {
  console.log('Макротаск выполнен');
}, 0);

2. requestAnimationFrame (для анимаций):

requestAnimationFrame(() => {
  console.log('RAF макротаск');
});

3. I/O операции (например, загрузка файлов, сетевые запросы)

4. UI рендеринг (перерисовка DOM)

Основные отличия от микротасков:

• Выполняются после всех микротасков в текущем цикле событий
• Добавляются в конец очереди макротасков
• Имеют более низкий приоритет, чем микротаски (Promise, MutationObserver)

Пример порядка выполнения:

setTimeout(() => console.log('макротаск'));
Promise.resolve().then(() => console.log('микротаск'));
console.log('синхронный код');
// Вывод: синхронный код → микротаск → макротаск