Как работает очередь в Event Loop

Event Loop — это механизм, который обрабатывает асинхронные операции в JavaScript. Он работает в одном потоке, но использует очередь задач для управления выполнением кода.

1. Call Stack: Синхронный код выполняется сразу, попадая в стек вызовов.
2. Очереди задач:
   • Microtask Queue (Promise, queueMicrotask, MutationObserver) — выполняется после текущего стека, но до следующего макрозадания.
   • Macrotask Queue (setTimeout, setInterval, события DOM, I/O) — выполняется после микрозадач.

Пример:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Promise
Timeout

Порядок: синхронный код → микрозадачи → макрозадачи.