Как выполняется Promise, если его вызов обёрнут в setTimeout?

Асинхронность в JavaScript основана на очередях задач, и setTimeout с Promise задействуют разные уровни этой системы.

Очереди задач в браузере

Перед разбором примера важно понимать:

• setTimeout → макрозадача

• Promise.then / await → микрозадача

Микрозадачи всегда выполняются раньше следующей макрозадачи.

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

setTimeout(() => {
  Promise.resolve().then(() => {
    console.log('promise')
  })
}, 0)

console.log('sync')

Последовательность:

1. Выполняется синхронный код

2. Колбэк setTimeout попадает в очередь макрозадач

3. После его выполнения добавляется микрозадача Promise

4. Микрозадача выполняется до следующей макрозадачи

Практические последствия

• Promise внутри setTimeout не «обгоняет» синхронный код

• Но он выполняется раньше других таймеров

• Это важно при оптимизации и дебаге асинхронного кода

Краткий вывод

Promise, созданный внутри setTimeout, выполняется в рамках макрозадачи таймера, а его обработчики — как микрозадачи сразу после неё. Понимание этого порядка критично для предсказуемого асинхронного поведения.