Почему then и finally выполняются после синхронного кода?

Question

then и finally выполняются после синхронного кода, потому что они ставятся в очередь микрозадач. JavaScript сначала выполняет весь синхронный код в текущем стеке вызовов. Только после этого event loop начинает обрабатывать микрозадачи. Поэтому обработчики промисов всегда выполняются “чуть позже”.

YeaHub · Accepted Answer

Чтобы понять это поведение, нужно разобрать модель выполнения JavaScript.ОпределениеОпределение: Event loop — механизм, который управляет выполнением синхронного кода, микрозадач и макрозадач.Как выполняется кодJavaScript следует строгому порядку:Выполняется весь синхронный код (call stack).Затем выполняются все микрозадачи.Потом берётся следующая макрозадача.Где находятся then и finallyPromise.thenPromise.catchPromise.finallyВсе они добавляются в очередь microtask queue.Примерconsole.log('start');

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

console.log('end');
Порядок вывода:start
end
then
Почему это важнообъясняет “неожиданный” порядок console.logпомогает отлаживать асинхронный кодкритично для React, где много промисов и эффектовЧастая ошибкаОжидание, что then выполнится “сразу после resolve” внутри того же синхронного блока.Вывод: then и finally выполняются после синхронного кода, потому что они обрабатываются как микрозадачи и запускаются event loop только после очистки текущего стека вызовов.