Что такое событийный цикл

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

Работает так:

1. Выполняется синхронный код
2. Асинхронные операции (setTimeout, запросы и т.д.) передаются Web API
3. Когда асинхронная операция завершается, её колбэк попадает в очередь задач
4. Event Loop перемещает колбэк из очереди в стек вызовов, когда он пуст

Пример:

console.log('Start');

setTimeout(() => {
  console.log('Timeout');
}, 0);

Promise.resolve().then(() => {
  console.log('Promise');
});

console.log('End');

Вывод:

Start
End
Promise
Timeout

Микрозадачи (Promise) имеют приоритет над макрозадачами (setTimeout).