Зачем нужен Event Loop

Event Loop — это механизм, который позволяет JavaScript работать асинхронно, несмотря на однопоточность. Он обрабатывает задачи из очереди (Call Stack, Microtask Queue, Macrotask Queue) в определённом порядке:

1. Call Stack — выполняет синхронный код.
2. Microtasks (Promise, queueMicrotask, MutationObserver) — выполняются сразу после текущего стека.
3. Macrotasks (setTimeout, setInterval, I/O) — выполняются после микротасок.

Пример:

console.log('Start');

setTimeout(() => console.log('Timeout'), 0); // Macrotask
Promise.resolve().then(() => console.log('Promise')); // Microtask

console.log('End');

Вывод:

Start
End
Promise
Timeout

Event Loop обеспечивает неблокирующее выполнение кода, что критично для работы с UI и сетевых запросов.