Какие знаешь виды задач в Event Loop

Event Loop обрабатывает задачи в определённом порядке, разделяя их на виды:

1. Macrotasks (очередь макрозадач) – крупные задачи:
   • setTimeout, setInterval
   • I/O операции (запросы к серверу, файловая система)
   • UI rendering
   • setImmediate (Node.js)

2. Microtasks (очередь микрозадач) – приоритетные задачи, выполняются сразу после текущего макрозадач:

   • Promise.then/catch/finally
   • queueMicrotask
   • MutationObserver (в браузере)

3. Animation Frames – задачи, связанные с анимацией (requestAnimationFrame)

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

console.log('Start');

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

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

queueMicrotask(() => console.log('Microtask'));

console.log('End');

// Output:
// Start
// End
// Promise
// Microtask
// Timeout