В каком порядке выполняются then, catch и finally у Promise

Question

then вызывается при успешном выполнении Promise, catch — при ошибке, а finally — всегда, независимо от результата. finally выполняется после then или catch, но не меняет значение, если сам не выбрасывает ошибку. Все эти колбэки выполняются как микротаски. Порядок строго следует цепочке.

YeaHub · Accepted Answer

Базовый порядок выполненияPromise проходит одно из состояний:fulfilled → вызываются thenrejected → вызываются catchПосле этого всегда выполняется finallyПример успешного выполненияPromise.resolve(1)
  .then(v => {
    console.log('then', v);
    return v + 1;
  })
  .finally(() => {
    console.log('finally');
  });
Порядок вывода:then 1finallyПример с ошибкойPromise.reject('err')
  .then(() => {
    console.log('then');
  })
  .catch(e => {
    console.log('catch', e);
  })
  .finally(() => {
    console.log('finally');
  });
Порядок вывода:catch errfinallyВажный нюанс про finallyfinally не получает результатfinally не изменяет цепочку, если:не возвращает Promiseне выбрасывает ошибкуPromise.resolve(1)
  .finally(() => 100)
  .then(v => console.log(v)); // 1
Выводthen и catch обрабатывают результат или ошибку, а finally — это место для очистки ресурсов. Он выполняется всегда и не влияет на данные, если не делает этого явно.