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

Question

setTimeout помещает колбэк в очередь макрозадач. Promise внутри него создаётся и резолвится уже во время выполнения этой макрозадачи. Микрозадачи Promise будут выполнены сразу после завершения текущего колбэка setTimeout, но до следующей макрозадачи. Это влияет на порядок выполнения кода.

YeaHub · Accepted Answer

Асинхронность в JavaScript основана на очередях задач, и setTimeout с Promise задействуют разные уровни этой системы.Очереди задач в браузереПеред разбором примера важно понимать:setTimeout → макрозадачаPromise.then / await → микрозадачаМикрозадачи всегда выполняются раньше следующей макрозадачи.Порядок выполненияsetTimeout(() => {
  Promise.resolve().then(() => {
    console.log('promise')
  })
}, 0)

console.log('sync')
Последовательность:Выполняется синхронный кодКолбэк setTimeout попадает в очередь макрозадачПосле его выполнения добавляется микрозадача PromiseМикрозадача выполняется до следующей макрозадачиПрактические последствияPromise внутри setTimeout не «обгоняет» синхронный кодНо он выполняется раньше других таймеровЭто важно при оптимизации и дебаге асинхронного кодаКраткий выводPromise, созданный внутри setTimeout, выполняется в рамках макрозадачи таймера, а его обработчики — как микрозадачи сразу после неё. Понимание этого порядка критично для предсказуемого асинхронного поведения.