What are the Different Types of Errors in JavaScript?

The following are the 7 types of errors in JavaScript:

1. Syntax error - The error occurs when you use a predefined syntax incorrectly.

Output:

In the above example, an opening bracket is missing in the code, which invokes the Syntax error constructor.

2. Reference Error - In a case where a variable reference can't be found or hasn't been declared, then a Reference error occurs.

Output:

3. Type Error - An error occurs when a value is used outside the scope of its data type.

Output:

4. Evaluation Error - Current JavaScript engines and EcmaScript specifications do not throw this error. However, it is still available for backward compatibility. The error is called when the eval() backward function is used, as shown in the following code block:

Output:

5. RangeError - There is an error when a range of expected values is required, as shown below:

Output:

6. URI Error - When the wrong character(s) are used in a URI function, the error is called.

Output:

7. Internal Error - In the JS engine, this error occurs most often when there is too much data and the stack exceeds its critical size. When there are too many recursion patterns, switch cases, etc., the JS engine gets overwhelmed.

Output: Its output will be like InternalError.

What are Errors in JavaScript?

JavaScript code can encounter different errors when it is executed. Errors can be caused by programming mistakes, incorrect input, or other unforeseeable events.

Errors in programming can be divided into two types. These are:

1. Program Error: - In this case, the program might need to handle this error through its error handlers. An example could be network disconnection, timeout error, etc.
2. Developer Error: - The programmer has caused an error. It can be a syntax error, a logical error, a semantic error, etc.

The try...catch...finally Statement

Exception handling has been added to JavaScript in recent versions. Exceptions are handled by JavaScript's try...catch...finally construct and throw operator.
Syntax

Examples of errors in JavaScript

After the try block, there must either be a catch block or a finally block (or both). The catch block is executed if an exception occurs in the try block. After try/catch, finally is executed unconditionally. Let's see an example:

Output: The below statements will be shown in an alert box.

The throw statement can be used to raise built-in exceptions or your customized ones. Use this JavaScript Formatter to format your code.

Output: The below statement will be shown in an alert box.

The onerror() Method

In JavaScript, error handling was simplified by the onerror event handler. If there is an exception on the page, the error event will be fired on the window object.

There are three pieces of information provided by the onerror event handler that identifies the error's exact nature.

Error message − A message similar to the one displayed by the browser when an error occurs. URL − The file where the error occurred.

Line number− This is the line number in the URL where the error occurred.

See Also

• Important Concepts in Javascript