Как браузер понимает, когда можно брать задачу из стека

Браузер использует Event Loop для управления задачами. Он работает в цикле, проверяя стек вызовов (Call Stack) и очередь задач (Task Queue).

Когда Call Stack пуст, Event Loop берет первую задачу из очереди и помещает её в стек для выполнения. Очередь задач формируется из:

• макрозадач (setTimeout, события DOM, сетевые запросы)
• микрозадач (Promise, MutationObserver)

Приоритет у микрозадач – они выполняются сразу после текущей макрозадачи, до перехода к следующей.

Пример:

console.log('Start');

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

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

console.log('End');

Вывод:

Start
End
Promise
Timeout