Как распространяются ошибки внутри цепочки промисов?

Распространение ошибок в цепочке промисов

Когда промис отклоняется (rejected) или внутри обработчика .then() выбрасывается исключение, JavaScript автоматически передает ошибку по цепочке до первого встречного обработчика .catch(). Это похоже на try...catch, но для асинхронного кода.

Как это работает

Каждый .then() возвращает новый промис. Если предыдущий промис был отклонен, следующий .then() (с обработчиком успеха) будет пропущен, и управление перейдет к .catch(). Если .catch() успешно обработает ошибку и вернет значение, цепочка может продолжиться с помощью дополнительных .then().

Пример кода

fetch('/api/data')
  .then(response => response.json())
  .then(data => {
    if (!data.success) throw new Error('API error');
    return data;
  })
  .catch(err => {
    console.error('Error:', err.message);
    return { fallback: true };
  })
  .then(result => {
    console.log(result); // { fallback: true } или данные
  });

Важные моменты

• Если .catch() не вернет значение, следующий .then() получит undefined.
• Если ошибка не обработана ни одним .catch(), возникает событие unhandledrejection в глобальном объекте.
• Можно размещать несколько .catch() для разных этапов, но обычно достаточно одного в конце цепочки.

Вывод: Используйте .catch() в конце цепочки промисов для централизованной обработки ошибок. Это делает код чище и предотвращает необработанные отклонения, особенно при работе с асинхронными операциями, такими как запросы к API или чтение файлов.