Розуміння обробки помилок у JavaScript

Обробка помилок є важливим аспектом написання надійного та стабільного JavaScript-коду. Помилки можуть порушити нормальний потік програми, часто призводячи до неприємного досвіду для користувача. Розуміння того, як ефективно управляти цими помилками, дозволяє вашій програмі спокійно відновлюватися після непередбачених ситуацій.

Ця стаття розглядає обробку помилок у JavaScript, включаючи об'єкти помилок, поширені типи помилок та використання блоків try...catch і finally.

Що таке помилки в JavaScript?

Помилка в JavaScript — це об'єкт, створений для представлення проблеми, яка виникає під час виконання програми. Помилки зазвичай виникають у таких ситуаціях, як обробка вводу користувача, встановлення з'єднань чи виконання операцій з неіснуючими об'єктами. Ці проблеми можуть порушити нормальний хід програми, якщо не будуть належним чином оброблені.

Поширені типи помилок

1. Синтаксична помилка

Виникає, коли код порушує синтаксичні правила JavaScript.

console.log("Hello); // Відсутня закриваюча лапка

2.

3. Помилка посилання (Reference Error)

Виникає, коли змінна використовується без попереднього оголошення.

console.log(x); // x не оголошено

4. Помилка типу (Type Error)

З'являється, коли операція виконується з несумісним типом.

console.log("Hello".pop()); // У рядків немає методу 'pop'

5. Помилка діапазону (Range Error)

Виникає, коли значення виходить за межі дозволеного діапазону.

let arr = new Array(-1); // Негативний розмір масиву

6. Користувацькі помилки

Розробники можуть створювати власні повідомлення про помилки для специфічних ситуацій за допомогою throw.

Обробка помилок за допомогою try...catch...finally

JavaScript надає конструкції try, catch і finally для елегантної обробки помилок.

Блок try

Блок try містить код, який може спричинити помилку.

Блок catch

Блок catch обробляє помилку, якщо вона сталася. Він приймає об'єкт помилки як параметр.

Блок finally

Блок finally виконується незалежно від того, чи сталася помилка.

Блок finally

Цей блок зазвичай використовується для виконання фінальних завдань, таких як закриття файлів або звільнення ресурсів.

Приклад

try {  
 let x = 5 / 0; // Небезпечний код  
 console.log(x);  
} catch (error) {  
 console.error("Сталася помилка:", error.message);  
} finally {  
 console.log("Виконання завершено.");  
}

Використання користувацьких помилок

Ви можете вручну створювати помилки в JavaScript, використовуючи throw. Це особливо корисно для обробки введених користувачем даних або некоректних станів.

Приклад: Ділення на нуль

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);  
} finally {  
 console.log("Операція спробувана.");  
}

Перевірка введених даних користувача

Помилки часто виникають через некоректні дані, введені користувачем.

Ви можете використовувати обробку помилок для того, щоб переконатися, що введені дані відповідають певним критеріям.

Приклад: Перевірка числових значень

try {  
 const dividend = Number(prompt("Введіть чисельник:"));  
 const divisor = Number(prompt("Введіть знаменник:"));  
 if (isNaN(dividend) || isNaN(divisor)) {  
 throw new Error("Введені значення повинні бути числовими.");  
 }  
 console.log(`Результат: ${dividend / divisor}`);  
} catch (error) {  
 console.error(error.message);  
} finally {  
 console.log("Процес завершено.");  
}

Кращі практики обробки помилок

1. Передбачати помилки: Визначте можливі точки виникнення помилок у вашій програмі і підготуйтеся до них.
2. Не приховувати помилки: Логуйте або повідомляйте про помилки, щоб спростити налагодження.
3. Використовувати конкретні повідомлення: Забезпечте чіткі повідомлення про помилки для полегшення процесу виправлення.
4. Тестувати крайні випадки: Перевіряйте вашу програму за допомогою неочікуваних введених даних.
   5.
   ## Резервуйте finally для очищення: Використовуйте блок finally для звільнення ресурсів і підтримки стабільності системи.

Висновок

Обробка помилок — це важлива навичка для будь-якого розробника JavaScript. Використовуючи об'єкти помилок, блоки try...catch...finally та кращі практики, ви зможете створювати додатки, які відновлюються після несподіваних ситуацій. Це не лише покращує досвід користувачів, але й забезпечує надійність вашого програмного забезпечення.

Сподіваюся, це допоможе.

Перекладено з: Understanding Error Handling in JavaScript