Как работает Event Loop на сайте

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

1. Call Stack — выполняет синхронный код. Когда стек пуст, Event Loop проверяет очереди.
2. Callback Queue (Task Queue) — содержит макрозадачи (setTimeout, события DOM).
3. Microtask Queue — содержит микрозадачи (Promise.then, MutationObserver).

Принцип работы:

• Сначала выполняются все микрозадачи (до опустошения очереди).
• Затем одна макрозадача из Callback Queue.
• Процесс повторяется.

console.log('Start'); // синхронно

setTimeout(() => console.log('Timeout'), 0); // макрозадача

Promise.resolve().then(() => console.log('Promise')); // микрозадача

console.log('End'); // синхронно

// Вывод: Start → End → Promise → Timeout