В каком порядке выполняются Promise, setTimeout и синхронный код?

JavaScript выполняется в одном потоке, но умеет обрабатывать асинхронные операции.

Определение

Event loop — это механизм, который управляет выполнением кода, очередями задач и стеком вызовов.

Порядок выполнения

Перед тем как перейти к асинхронному коду, JavaScript всегда выполняет синхронные инструкции.

1. Синхронный код

   • Выполняется сразу в call stack

2. Microtask queue

   • Promise.then

   • queueMicrotask

3. Macrotask queue

   • setTimeout

   • setInterval

   • события

Пример

console.log("A");

setTimeout(() => console.log("B"));

Promise.resolve().then(() => console.log("C"));

console.log("D");

Результат выполнения:

1. A

2. D

3. C

4. B

Вывод

Понимание очередей задач помогает предсказывать порядок выполнения кода и избегать ошибок в асинхронной логике.