Из чего состоит Event Loop

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

1. Call Stack — стек вызовов, где выполняются синхронные операции.
2. Web APIs — браузерные API (setTimeout, fetch и т.д.), которые обрабатываются вне основного потока.
3. Callback Queue (Task Queue) — очередь задач, куда попадают колбэки из Web API после их выполнения.
4. Microtask Queue — очередь для промисов и MutationObserver, имеет приоритет над Callback Queue.
5. Event Loop — бесконечный цикл, который проверяет Call Stack. Если он пуст, Event Loop берет задачи из Microtask Queue (полностью очищая её), затем из Callback Queue.

Пример:

console.log('Start');
setTimeout(() => console.log('Timeout'), 0);
Promise.resolve().then(() => console.log('Promise'));
console.log('End');

Вывод:

Start
End
Promise
Timeout