Типи помилок в JavaScript

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

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

Синтаксичні помилки виникають, коли код написаний неправильно відповідно до правил мови. Ці помилки зазвичай виявляються під час етапу парсингу JavaScript-двигуном, до того, як код буде виконаний.

Приклад:

function sayHello() {  
 console.log("Hello, world!";  
}

У наведеному прикладі є синтаксична помилка через відсутню закриваючу дужку. Синтаксичні помилки зазвичай легко помітити та виправити, оскільки JavaScript-двигун надає чіткі повідомлення про помилки, які вказують, де саме проблема.

Як обробляти синтаксичні помилки:

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

2. Помилки під час виконання

Помилки під час виконання, також відомі як винятки, виникають під час виконання коду. Ці помилки трапляються, коли код синтаксично правильний, але виникає проблема під час виконання, наприклад, спроба доступу до властивості невизначеної змінної або спроба поділити на нуль.

Приклад:

function divide(a, b) {  
 return a / b;  
}

console.log(divide(10, 0));

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

Як обробляти помилки під час виконання:

• Використовуйте блоки try...catch для коректної обробки винятків.
• Перевіряйте вхідні дані перед виконанням операцій.
• Використовуйте інструменти для налагодження, щоб поетапно перевіряти код і перевіряти змінні.

3. Логічні помилки

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

Приклад:

function calculateTotal(price, tax) {  
 return price - tax;  
}

console.log(calculateTotal(100, 0.2)); // Очікуваний результат: 120, Фактичний результат: 99.8

У наведеному прикладі є логічна помилка, оскільки для обчислення використовувався оператор віднімання, а не додавання. Код працює без помилок, але дає неправильний результат.

Як обробляти логічні помилки:

• Пишіть тестові випадки для перевірки поведінки вашого коду.
• Використовуйте оператори console.log, щоб відстежити потік програми та перевірити змінні.
• Проводьте код-рев'ю та програмування в парі, щоб виявити логічні помилки на ранніх етапах.

Перекладено з: Types of Errors in JavaScript