Как выполняется асинхронный код

Асинхронный код в JavaScript выполняется с помощью event loop. Когда встречается асинхронная операция (setTimeout, fetch и т.д.), она передается в Web API браузера, а основной поток продолжает выполнение. После завершения асинхронной операции callback помещается в очередь задач (callback queue). Event loop проверяет, пуст ли call stack, и если да — перемещает callback из очереди в стек для выполнения.

Пример:

console.log('Start');
setTimeout(() => console.log('Timeout'), 0);
Promise.resolve().then(() => console.log('Promise'));
console.log('End');

Вывод:

Start
End
Promise
Timeout

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