Курс по программированию на JavaScript

Урок 20: Error Handling

Обработка ошибок является важной частью программирования, так как помогает сделать код более надежным и устойчивым к сбоям. В этом уроке мы рассмотрим, как обрабатывать ошибки с использованием блоков try, catch и finally, а также как создавать собственные ошибки.

Обработка ошибок (try, catch, finally)

Блок try...catch позволяет обрабатывать ошибки, которые возникают в блоке try. Блок finally выполняется в любом случае, независимо от того, была ли ошибка.

// Пример использования try...catch...finally
try {
 console.log('Начало блока try');
 let result = 10 / 0;
 console.log(result);
} catch (error) {
 console.error('Произошла ошибка:', error.message);
} finally {
 console.log('Блок finally выполнен');
}

Начало блока try
Infinity
Блок finally выполнен

В этом примере блок try содержит код, который может вызвать ошибку. Если ошибка возникает, она перехватывается блоком catch, и выводится сообщение об ошибке. Блок finally выполняется в любом случае.

Создание собственных ошибок

Вы можете создавать собственные ошибки с помощью конструктора Error. Это позволяет вам бросать и обрабатывать пользовательские ошибки в вашем коде.

// Пример создания и бросания собственной ошибки
function checkPositiveNumber(number) {
 if (number < 0) {
 throw new Error('Число должно быть положительным');
 }
 return number;
}

try {
 console.log(checkPositiveNumber(-5));
} catch (error) {
 console.error('Произошла ошибка:', error.message);
}

Произошла ошибка: Число должно быть положительным

В этом примере функция checkPositiveNumber бросает ошибку, если переданное число отрицательное. Ошибка перехватывается блоком catch, и выводится сообщение об ошибке.

Преимущества обработки ошибок

Обработка ошибок имеет несколько преимуществ:

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

Примеры использования

Рассмотрим несколько примеров использования обработки ошибок в различных ситуациях.

Пример 1: Обработка ошибок при работе с JSON

Парсинг JSON может вызвать ошибку, если строка не является допустимым JSON. В этом случае мы можем использовать try...catch для обработки ошибки.

// Пример обработки ошибок при работе с JSON
let jsonString = '{ "name": "Alice", "age": 25 }';

try {
 let user = JSON.parse(jsonString);
 console.log(user);
} catch (error) {
 console.error('Ошибка парсинга JSON:', error.message);
}

{name: "Alice", age: 25}

В этом примере строка jsonString парсится с использованием функции JSON.parse. Если строка не является допустимым JSON, возникает ошибка, которая перехватывается блоком catch.

Пример 2: Обработка ошибок при выполнении сетевых запросов

Сетевые запросы могут завершиться с ошибкой, например, если сервер недоступен. Мы можем использовать try...catch для обработки таких ошибок.

// Пример обработки ошибок при выполнении сетевых запросов
async function fetchData(url) {
 try {
 let response = await fetch(url);
 if (!response.ok) {
 throw new Error('Ошибка сети');
 }
 let data = await response.json();
 console.log(data);
 } catch (error) {
 console.error('Произошла ошибка:', error.message);
 }
}

fetchData('https://jsonplaceholder.typicode.com/posts/1');

{userId: 1, id: 1, title: "Sample Title", body: "Sample Body"}

В этом примере функция fetchData выполняет сетевой запрос и обрабатывает возможные ошибки с использованием try...catch.

Упражнения

// Определение функции divide
function divide(a, b) {
 if (b === 0) {
 throw new Error('Деление на ноль');
 }
 return a / b;
}

try {
 console.log(divide(10, 0));
} catch (error) {
 console.error('Произошла ошибка:', error.message);
}

Произошла ошибка: Деление на ноль

// Определение функции getElement
function getElement(arr, index) {
 if (index < 0 || index >= arr.length) {
 throw new Error('Индекс вне диапазона');
 }
 return arr[index];
}

try {
 console.log(getElement([1, 2, 3], 5));
} catch (error) {
 console.error('Произошла ошибка:', error.message);
}

Произошла ошибка: Индекс вне диапазона