Какие знаешь очереди в событийном цикле

В событийном цикле браузера есть несколько очередей:

1. Call Stack - основная очередь выполнения синхронного кода
2. Microtask Queue - для промисов и MutationObserver
3. Macrotask Queue - для setTimeout, setInterval, I/O, UI rendering
4. Animation Frames Queue - для requestAnimationFrame

Приоритет выполнения:

1. Сначала выполняется весь Call Stack
2. Затем все микрозадачи из Microtask Queue
3. Затем одна макрозадача из Macrotask Queue
4. Проверяется Animation Frames Queue перед рендерингом

Пример:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Promise
Timeout