Javascript not found exception

Error и стандартные ошибки

Какие бывают стандартные ошибки в JavaScript и как создавать собственные типы ошибок.

Время чтения: меньше 5 мин

Кратко

Скопировать ссылку «Кратко» Скопировано

Программа может работать правильно, только если код написан корректно и не содержит ошибок. JavaScript умеет обрабатывать некорректный код и сообщать об ошибке в коде. Существует семь встроенных видов ошибок, также можно создать свои собственные. Встроенные ошибки генерируются самим движком JavaScript при выполнении программы, а пользовательские — создаются с помощью конструктора Error . Оба типа ошибок можно ловить в конструкции try . . . catch .

Как понять

Скопировать ссылку «Как понять» Скопировано

Error

Скопировать ссылку «Error» Скопировано

 new Error('Общая ошибка. Проверьте код') new Error('Общая ошибка. Проверьте код')    Скопировать Скопировано Не удалось скопировать   

Вызов конструктора возвращает объект ошибки со следующими свойствами:

• message представляет человекопонятное описание ошибки для встроенных типов ( Syntax Error , Type Error и так далее) и переданное в конструктор значение для общего типа Error .
• name — имя типа (класса) ошибки.

 const commonError = new Error('Общая ошибка. Проверьте код') console.log(commonError.message)// 'Общая ошибка. Проверьте код' console.log(commonError.name)// 'Error' const commonError = new Error('Общая ошибка. Проверьте код') console.log(commonError.message) // 'Общая ошибка. Проверьте код' console.log(commonError.name) // 'Error'    Скопировать Скопировано Не удалось скопировать   

Нестандартное свойство stack показывает, на какой строке кода возникла ошибка. Первая строка отформатирована как : , и за ней следует серия кадров стека (каждая строка начинается с «at»).

ReferenceError: FAIL is not defined at Constraint.execute (deltablue.js:525:2) at Constraint.recalculate (deltablue.js:424:21) at Planner.addPropagate (deltablue.js:701:6) at Constraint.satisfy (deltablue.js:184:15) at Planner.incrementalAdd (deltablue.js:591:21) at Constraint.addConstraint (deltablue.js:162:10) at Constraint.BinaryConstraint (deltablue.js:346:7) at Constraint.EqualityConstraint (deltablue.js:515:38) at chainTest (deltablue.js:807:6) at deltaBlue (deltablue.js:879:2)

Встроенные ошибки

Скопировать ссылку «Встроенные ошибки» Скопировано

SyntaxError

Скопировать ссылку «SyntaxError» Скопировано

Чаще всего встречаются опечатки — неправильные названия методов, лишние или отсутствующие точки с запятой или скобочки и так далее. Такой тип ошибок называется «синтаксическим», Syntax Error :

 console.log(;)// SyntaxError: Unexpected token ';' console.log(()// SyntaxError: missing ) after argument list console.log(;) // SyntaxError: Unexpected token ';' console.log(() // SyntaxError: missing ) after argument list    Скопировать Скопировано Не удалось скопировать   

ReferenceError

Скопировать ссылку «ReferenceError» Скопировано

Если попытаться обратиться к несуществующей переменной, произойдёт ошибка Reference Error :

 console.log(name)// ReferenceError: name is not defined console.log(name) // ReferenceError: name is not defined    Скопировать Скопировано Не удалось скопировать   

TypeError

Скопировать ссылку «TypeError» Скопировано

Если попытаться обратиться к несуществующему свойству, произойдёт ошибка Type Error :

 console.log(null.length)// TypeError: Cannot read property 'length' of null undefined()// TypeError: undefined is not a function console.log(null.length) // TypeError: Cannot read property 'length' of null undefined() // TypeError: undefined is not a function    Скопировать Скопировано Не удалось скопировать   

RangeError

Скопировать ссылку «RangeError» Скопировано

Ошибка для значений, которые выходят за диапазон допустимого.

 new Array(10000000000)// RangeError: Недопустимая длина массива new Array(10000000000) // RangeError: Недопустимая длина массива    Скопировать Скопировано Не удалось скопировать   

URIError

Скопировать ссылку «URIError» Скопировано

Этот тип ошибок возникает при неправильном использовании обработки URI.

 decodeURIComponent('%')// URIError: URI malformed decodeURIComponent('%') // URIError: URI malformed    Скопировать Скопировано Не удалось скопировать   

Валидным считается URI, формат которого соответствует спецификации RFC 3986:

URI = scheme:[//authority]path[?query][#fragment]

EvalError

Скопировать ссылку «EvalError» Скопировано

EvalError представляет ошибку, возникающую в глобальной функции eval ( ) .

 eval( 'console.log(null.length)') eval( 'console.log(null.length)' )    Скопировать Скопировано Не удалось скопировать   

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

InternalError (не стандарт)

Скопировать ссылку «InternalError (не стандарт)» Скопировано

Ошибка внутри движка JavaScript. Не является стандартом и почти не используется. Например:

"InternalError: инициализатор массива слишком большой".

Собственный класс ошибок

Скопировать ссылку «Собственный класс ошибок» Скопировано

Можно расширять базовый класс Error и создавать собственные типы ошибок.

 class WrongDataTypeForSumError extends Error  constructor(message)  super(message) this.name = 'WrongDataTypeForSumError' >> const myCustomError = new WrongDataTypeForSumError('Невалидный тип данных для суммирования') class WrongDataTypeForSumError extends Error  constructor(message)  super(message) this.name = 'WrongDataTypeForSumError' > > const myCustomError = new WrongDataTypeForSumError('Невалидный тип данных для суммирования')    Скопировать Скопировано Не удалось скопировать   

Сгенерируем ошибку WrongDataTypeForSum Error в случае, если хотя бы один из аргументов функции sum — не число.

 function sum(a, b)  if (typeof a !== 'number' || typeof b !== 'number')  throw new WrongDataTypeForSumError('Невалидный тип данных для суммирования') > return a + b> console.log(sum('1', 2))// VM840:3 Uncaught WrongDataTypeForSumError: Невалидный тип данных для суммирования// at sum (:3:11)// at :9:13// WrongDataTypeForSumError @ VM830:3// sum @ VM840:3// (anonymous) @ VM840:9 function sum(a, b)  if (typeof a !== 'number' || typeof b !== 'number')  throw new WrongDataTypeForSumError('Невалидный тип данных для суммирования') > return a + b > console.log(sum('1', 2)) // VM840:3 Uncaught WrongDataTypeForSumError: Невалидный тип данных для суммирования // at sum (:3:11) // at :9:13 // WrongDataTypeForSumError @ VM830:3 // sum @ VM840:3 // (anonymous) @ VM840:9    Скопировать Скопировано Не удалось скопировать   

Функция будет выполняться только в том случае если оба аргумента будут числами, в противном случае функция будет возвращать ошибку WrongDataTypeForSum Error .

Собственные типы ошибок делают отладку более наглядной — например из имени WrongDataTypeForSum Error сразу понятно, что не так с кодом. Стандартная ошибка для таких случаев, Type Error — менее читаема.

Источник

JavaScript Errors

The try statement defines a code block to run (to try).

The catch statement defines a code block to handle any error.

The finally statement defines a code block to run regardless of the result.

The throw statement defines a custom error.

Errors Will Happen!

When executing JavaScript code, different errors can occur.

Errors can be coding errors made by the programmer, errors due to wrong input, and other unforeseeable things.

Example

In this example we misspelled «alert» as «adddlert» to deliberately produce an error:

try adddlert(«Welcome guest!»);
>
catch(err) document.getElementById(«demo»).innerHTML = err.message;
>

JavaScript catches adddlert as an error, and executes the catch code to handle it.

JavaScript try and catch

The try statement allows you to define a block of code to be tested for errors while it is being executed.

The catch statement allows you to define a block of code to be executed, if an error occurs in the try block.

The JavaScript statements try and catch come in pairs:

JavaScript Throws Errors

When an error occurs, JavaScript will normally stop and generate an error message.

The technical term for this is: JavaScript will throw an exception (throw an error).

JavaScript will actually create an Error object with two properties: name and message.

The throw Statement

The throw statement allows you to create a custom error.

Technically you can throw an exception (throw an error).

The exception can be a JavaScript String , a Number , a Boolean or an Object :

If you use throw together with try and catch , you can control program flow and generate custom error messages.

Input Validation Example

This example examines input. If the value is wrong, an exception (err) is thrown.

The exception (err) is caught by the catch statement and a custom error message is displayed:

Please input a number between 5 and 10:

Test Input

function myFunction() const message = document.getElementById(«p01»);
message.innerHTML = «»;
let x = document.getElementById(«demo»).value;
try <
if(x.trim() == «») throw «empty»;
if(isNaN(x)) throw «not a number»;
x = Number(x);
if(x < 5) throw "too low";
if(x > 10) throw «too high»;
>
catch(err) message.innerHTML = «Input is » + err;
>
>

HTML Validation

The code above is just an example.

Modern browsers will often use a combination of JavaScript and built-in HTML validation, using predefined validation rules defined in HTML attributes:

You can read more about forms validation in a later chapter of this tutorial.

The finally Statement

The finally statement lets you execute code, after try and catch, regardless of the result:

Syntax

try <
Block of code to try
>
catch(err) <
Block of code to handle errors
>
finally <
Block of code to be executed regardless of the try / catch result
>

Example

function myFunction() <
const message = document.getElementById(«p01»);
message.innerHTML = «»;
let x = document.getElementById(«demo»).value;
try <
if(x.trim() == «») throw «is empty»;
if(isNaN(x)) throw «is not a number»;
x = Number(x);
if(x > 10) throw «is too high»;
if(x < 5) throw "is too low";
>
catch(err) <
message.innerHTML = «Error: » + err + «.»;
>
finally <
document.getElementById(«demo»).value = «»;
>
>

The Error Object

JavaScript has a built in error object that provides error information when an error occurs.

The error object provides two useful properties: name and message.

Error Object Properties

Property	Description
name	Sets or returns an error name
message	Sets or returns an error message (a string)

Error Name Values

Six different values can be returned by the error name property:

Error Name	Description
EvalError	An error has occurred in the eval() function
RangeError	A number «out of range» has occurred
ReferenceError	An illegal reference has occurred
SyntaxError	A syntax error has occurred
TypeError	A type error has occurred
URIError	An error in encodeURI() has occurred

The six different values are described below.

Eval Error

An EvalError indicates an error in the eval() function.

Newer versions of JavaScript do not throw EvalError. Use SyntaxError instead.

Range Error

A RangeError is thrown if you use a number that is outside the range of legal values.

For example: You cannot set the number of significant digits of a number to 500.

Example

let num = 1;
try num.toPrecision(500); // A number cannot have 500 significant digits
>
catch(err) document.getElementById(«demo»).innerHTML = err.name;
>

Reference Error

A ReferenceError is thrown if you use (reference) a variable that has not been declared:

Example

let x = 5;
try x = y + 1; // y cannot be used (referenced)
>
catch(err) document.getElementById(«demo»).innerHTML = err.name;
>

Syntax Error

A SyntaxError is thrown if you try to evaluate code with a syntax error.

Example

try <
eval(«alert(‘Hello)»); // Missing ‘ will produce an error
>
catch(err) <
document.getElementById(«demo»).innerHTML = err.name;
>

Type Error

A TypeError is thrown if you use a value that is outside the range of expected types:

Example

let num = 1;
try num.toUpperCase(); // You cannot convert a number to upper case
>
catch(err) document.getElementById(«demo»).innerHTML = err.name;
>

URI (Uniform Resource Identifier) Error

A URIError is thrown if you use illegal characters in a URI function:

Example

try <
decodeURI(«%%%»); // You cannot URI decode percent signs
>
catch(err) <
document.getElementById(«demo»).innerHTML = err.name;
>

Non-Standard Error Object Properties

Mozilla and Microsoft define some non-standard error object properties:

fileName (Mozilla)
lineNumber (Mozilla)
columnNumber (Mozilla)
stack (Mozilla)
description (Microsoft)
number (Microsoft)

Do not use these properties in public web sites. They will not work in all browsers.

Complete Error Reference

For a complete reference of the Error object, go to our Complete JavaScript Error Reference.

Источник