17-eventLoop.js

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

Очистка микро-очереди (Microtask queue) - на этом этапе выполняются все задачи, поставленные в очередь с помощью методов queueMicrotask или Promise.then.
Макро-обновление (Macro task) - на этом этапе выполняются задачи, поставленные в очередь через методы setTimeout или setInterval.
Обработка событий (Event handling) - на этом этапе браузер обрабатывает все полученные события, такие как нажатия клавиш, клики мыши и т.д.
Рефlow и Repaint - на этом этапе происходит перерисовка страницы с учетом всех изменений, внесенных на предыдущих этапах.
Скрипт (Script) - на этом последнем этапе выполняется код JavaScript, указанный в теге <script> или внутри функций setTimeout и setInterval. Если на этом этапе возникают ошибки, выполнение кода останавливается и выводится сообщение об ошибке.