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

В Event Loop есть несколько очередей:

1. Call Stack - основная очередь выполнения синхронного кода. Работает по принципу LIFO (Last In, First Out).

2. Microtask Queue - для промисов и MutationObserver. Имеет высший приоритет, выполняется сразу после текущего таска, даже если в очереди есть другие таски.

3. Macrotask Queue (Task Queue) - для setTimeout, setInterval, I/O, UI rendering. Обрабатывается после микротасков.

4. Animation Frames - для requestAnimationFrame. Выполняется перед рендерингом.

Пример приоритетов:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Promise
Timeout