Откуда начинает работу Event Loop

Event Loop начинает работу после выполнения всего синхронного кода в основном потоке. Он проверяет Call Stack — если он пуст, Event Loop берет первую задачу из Callback Queue (очереди микрозадач или макрозадач) и помещает её в Call Stack для выполнения.

Пример:

console.log('Start'); // синхронный код

setTimeout(() => console.log('Timeout'), 0); // макрозадача

Promise.resolve().then(() => console.log('Promise')); // микрозадача

console.log('End'); // синхронный код

Вывод:

Start  
End  
Promise  
Timeout

Сначала выполняется весь синхронный код, затем микрозадачи (Promise), потом макрозадачи (setTimeout).