Как отрабатывают задачи в Event Loop

Event Loop — это механизм, который обрабатывает асинхронные операции в JavaScript. Он работает по принципу очередей:

1. Call Stack — синхронный стек вызовов. Если стек пуст, Event Loop проверяет очередь задач.
2. MacroTask Queue (setTimeout, setInterval, I/O) — задачи с более низким приоритетом.
3. MicroTask Queue (Promise, process.nextTick) — выполняются сразу после текущего Call Stack, перед следующей MacroTask.

Пример:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Promise
Timeout