Какие знаешь виды задач в браузере

В браузере задачи делятся на макро- и микрозадачи, а также анимационные кадры (requestAnimationFrame).

• Макрозадачи (макрозадачи) – это основные задачи, такие как загрузка скриптов, обработка событий (click, scroll), setTimeout, setInterval. Они выполняются в порядке очереди.

• Микрозадачи – выполняются сразу после текущей макрозадачи, перед следующей. К ним относятся Promise.then/catch/finally, queueMicrotask, MutationObserver.

• Анимационные кадры (requestAnimationFrame) – выполняются перед отрисовкой кадра, оптимизированы для анимаций.

Пример:

console.log('Start'); // макрозадача  

setTimeout(() => console.log('Timeout'), 0); // макрозадача  

Promise.resolve().then(() => console.log('Promise')); // микрозадача  

requestAnimationFrame(() => console.log('RAF')); // анимационный кадр  

console.log('End'); // макрозадача  

Вывод:

Start  
End  
Promise  
Timeout  
RAF