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

Чтобы понять это поведение, нужно разобрать модель выполнения JavaScript.

Определение

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

Как выполняется код

JavaScript следует строгому порядку:

1. Выполняется весь синхронный код (call stack).

2. Затем выполняются все микрозадачи.

3. Потом берётся следующая макрозадача.

Где находятся then и finally

• Promise.then

• Promise.catch

• Promise.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 только после очистки текущего стека вызовов.