Как обработать ошибки в асинхронном коде (в Promise или async/await)?

Обработка ошибок в асинхронном коде является важным аспектом разработки на JavaScript. В зависимости от подхода, который вы используете (Promise или async/await), существуют различные методы для управления ошибками. Давайте подробно рассмотрим каждый из них.

Обработка ошибок с использованием Promise

Когда вы работаете с Promise, у вас есть несколько способов для обработки ошибок:

1. Метод .catch():

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

   fetch('https://api.example.com/data')
       .then(response => {
           if (!response.ok) {
               throw new Error('Network response was not ok');
           }
           return response.json();
       })
       .then(data => {
           console.log(data);
       })
       .catch(error => {
           console.error('There was a problem with the fetch operation:', error);
       });
   

2. Обработка ошибок в каждом .then():

   • Вы можете обрабатывать ошибки в каждом отдельном .then(), но это может усложнить код.

   fetch('https://api.example.com/data')
       .then(response => {
           if (!response.ok) {
               throw new Error('Network response was not ok');
           }
           return response.json();
       })
       .then(data => {
           console.log(data);
       })
       .catch(error => {
           console.error('Error:', error);
       });
   

3. Цепочка ошибок:

   • Если вы используете несколько Promise в цепочке, ошибка в любом из них будет передана в .catch() в конце.

   Promise.all([promise1, promise2])
       .then(([result1, result2]) => {
           console.log(result1, result2);
       })
       .catch(error => {
           console.error('One of the promises failed:', error);
       });
   

Обработка ошибок с использованием async/await

Использование async/await делает асинхронный код более читаемым и похожим на синхронный. Для обработки ошибок в этом случае вы можете использовать блоки try/catch.

1. Базовый пример:

   async function fetchData() {
       try {
           const response = await fetch('https://api.example.com/data');
           if (!response.ok) {
               throw new Error('Network response was not ok');
           }
           const data = await response.json();
           console.log(data);
       } catch (error) {
           console.error('Error fetching data:', error);
       }
   }
   fetchData();
   

2. Обработка нескольких асинхронных операций:

   • Если вам нужно обработать несколько асинхронных операций, вы можете использовать несколько блоков try/catch или объединить их в один.

   async function fetchMultipleData() {
       try {
           const response1 = await fetch('https://api.example.com/data1');
           const response2 = await fetch('https://api.example.com/data2');
   
           if (!response1.ok || !response2.ok) {
               throw new Error('One or more network responses were not ok');
           }
   
           const data1 = await response1.json();
           const data2 = await response2.json();
   
           console.log(data1, data2);
       } catch (error) {
           console.error('Error fetching data:', error);
       }
   }
   fetchMultipleData();
   

Практические советы

• Всегда обрабатывайте ошибки: Пренебрежение обработкой ошибок может привести к непредсказуемому поведению приложения.
• Логирование ошибок: Используйте механизмы логирования для записи ошибок, чтобы облегчить их диагностику в будущем.
• Четкие сообщения об ошибках: Создавайте информативные сообщения об ошибках, чтобы было легче понять, что пошло не так.

Распространенные ошибки

• Необработанные ошибки: Если вы не используете .catch() или блок try/catch, ваши ошибки могут остаться необработанными, что может привести к сбоям в приложении.
• Игнорирование статуса ответов: Не забывайте проверять статус ответа HTTP перед попыткой использовать данные.

Обработка ошибок в асинхронном коде — это ключевой аспект, который поможет вам создать надежные и устойчивые приложения. Используйте подходы, описанные выше, и не забывайте о важности логирования и информативных сообщений об ошибках.