Помилки JavaScript - Типи та помилки обробки в JavaScript | Розробка програмного забезпечення 2025

Вступ до помилок у JavaScript

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

Помилки часу компіляції
Логічні помилки
Помилки під час виконання.

Нам часто страшно, коли ми стикаємося з будь-якими помилками, але помилки хороші, оскільки ми вчимося, як не робити чогось і як це зробити краще наступного разу.

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

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

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

Помилка Евала
Помилка діапазону
Помилка посилання
Синтаксична помилка
Помилка типу
Помилка URI

Давайте детально обговоримо кожну з цих помилок.

Ім'я помилки	Опис
EvalError	У функції eval () сталася помилка
RangeError	Сталося число "поза діапазоном"
ReferenceError	Виникла незаконна посилання
Синтаксична помилка	Виникла помилка синтаксису
TypeError	Виникла помилка типу
URIError	Виникла помилка в encodeURI ()

1. EvalError: Позначає помилку в глобальній функції eval (), тобто функція eval () використовується неправильно. Новіші версії JavaScript більше не кидають цю помилку, натомість покладається на синтаксичну помилку.

2. RangeError: Ця помилка видається, коли параметр або значення (числове) знаходиться за межами або перевищує допустимий діапазон.

3. ReferenceError: Ця помилка видається, коли ми посилаємося на змінну, яка не існує (використовується недійсна посилання), тобто ця змінна не була оголошена. Це одна з найпоширеніших і часто зустрічаються помилок.

4. SyntaxError: Ця помилка вказує на те, що синтаксис скрипту недійсний, тобто синтаксичний неправильний вираз присутній у коді. Що стосується синтаксичних помилок, то інтерпретована мова, як JavaScript, не перекидає їх, поки скрипт не завантажиться в браузер і не прочитається.

5. TypeError: Ця помилка видається, коли значення не є належним типом, як очікувалося, або неправильний тип даних використовується для оголошення або визначення змінної. Приклад: виконання числового обчислення для змінної String або об'єкта.

6. URIError: Ця помилка вказує на використання незаконних символів, які недійсні в методах / функціях, пов'язаних з URI (encodeURI () або decodeURI ()).

Поводження з помилками в JavaScript

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

try …. catch block try ( // errorneous statement ) catch (err) ( console.error (err) // stmts )

Нарешті

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

try ( // errorneous statement ) catch (err) ( console.error (err) // stmts ) finally( //mandatory statements to run )

Обіцянки

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

var promise = new Promise( function(resolve, reject)( //do something ) );

Приклад:

function captureErrorTypes() ( try ( var sum = x + y; alert(sum); ) catch(error) ( switch (error.name) ( case 'SyntaxError': alert("caught a " + error.name + ": " + error.message); //handle error… break; case 'RangeError': alert("caught a " + error.name + ": " + error.message); //handle error… break; case 'ReferenceError': alert("caught a " + error.name + ": " + error.message); //handle error… break; default: alert("caught a " + error.name + ": " + error.message); //handle all other error types here… break; ) ) )