Как работает цикл событий (event loop) в веб-API?

Цикл событий в JavaScript (в контексте веб-браузера) — это механизм, позволяющий выполнять асинхронные операции без блокировки основного потока выполнения. Он состоит из нескольких компонентов:

• Куча (Heap): Область памяти, где хранятся объекты.
• Стек вызовов (Call Stack): Структура данных LIFO, отслеживающая выполнение синхронных функций.
• Веб-API (Web APIs): Предоставляются браузером (DOM, AJAX, setTimeout, setInterval, Event Listeners и т.д.). Они не являются частью движка JavaScript.
• Очередь обратного вызова (Callback Queue) / Очередь задач (Task Queue): Очередь сообщений для выполнения асинхронных задач.
• Очередь микрозадач (Microtask Queue): Приоритетная очередь для микрозадач (Promise.then(), async/await, queueMicrotask). Выполняется до очереди задач.
• Цикл событий (Event Loop): Непрерывно проверяет стек вызовов и очереди. Если стек пуст, он перемещает первый обработчик из очереди микрозадач (если есть) в стек. После опустошения очереди микрозадач, перемещает первый обработчик из очереди задач в стек.

Процесс выглядит так:

1. Выполняется синхронный код и функции помещаются в стек вызовов.
2. Когда встречается асинхронная операция (например, setTimeout), она передается соответствующему веб-API. Выполнение синхронного кода продолжается.
3. Веб-API выполняет операцию в фоновом режиме.
4. После завершения асинхронной опе