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

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

Основные компоненты:

1. Call Stack — выполняет синхронный код.
2. Web APIs — обрабатывает асинхронные операции (setTimeout, fetch и т.д.).
3. Callback Queue — очередь колбэков из Web APIs.
4. Microtask Queue — очередь для промисов (Promise.then, async/await).

Как работает:

1. Синхронный код попадает в Call Stack и выполняется.
2. Асинхронные операции передаются в Web APIs.
3. После завершения асинхронной операции колбэк попадает в Callback Queue (макрозадачи) или Microtask Queue (микрозадачи).
4. Event Loop проверяет Call Stack. Если он пуст, сначала выполняет все микрозадачи, затем одну макрозадачу.

console.log('Start');

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

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

console.log('End');
// Output: Start → End → Promise → Timeout