JavaScript Error name Property

Last Updated : 22 May, 2023

In JavaScript, the Error name property is used to set or return the name of an error.

Syntax:

errorObj.name

Property values: This property contains six different values as described below:

SyntaxError: It represents a syntax error.
RangeError: It represents an error in the range.
ReferenceError: It represents an illegal reference.
TypeError: It represents a type error.
EvalError: It represents an error in the eval() function.
URIError: It represents an error in the encodeURI().

Return Value: It returns a string, representing the name of the error.

Below are examples of the Error name Property.

Example:

JavaScript

try {
    eval("alert('GeeksforGeeks)");
} catch (err) {
    document.write( err.name);
}

Output:

SyntaxError

Example 2: This example shows Syntax Error.

html

<!DOCTYPE html>
<html lang="en">

<head>
    <title>
        JavaScript Error name Property
    </title>
</head>

<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>
        JavaScript Error Name Property
    </h3>

    <p id="gfg"></p>

    <script>
        try {
            eval("alert('Geeks for Geeks)");
        } catch (err) {
            document.getElementById(
                "gfg").innerHTML = err.name;
        }
    </script>
</body>
</html>

Output:

Example 3: This example shows Range Error.

html

<!DOCTYPE html>
<html lang="en">

<head>
    <title>
        JavaScript Error name Property
    </title>
</head>

<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>
        JavaScript Error Name Property
    </h3>

    <p id="gfg"></p>

    <script>
        let num = 0;
        try {
            num.toPrecision(1000);
        }
        catch (err) {
            document.getElementById(
                "gfg").innerHTML = err.name;
        }
    </script>
</body>
</html>

Output:

Example 4: This example shows Reference Error.

html

<!DOCTYPE html>
<html lang="en">

<head>
    <title>
        JavaScript Error name Property
    </title>
</head>

<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>
        JavaScript Error Name Property
    </h3>

    <p id="gfg"></p>

    <script>
        let y;
        try {
            y = x + y;
        }
        catch (err) {
            document.getElementById(
                "gfg").innerHTML = err.name;
        }
    </script>
</body>
</html>

Output:

Example 5: This example shows Type Error.

html

<!DOCTYPE html>
<html lang="en">

<head>
    <title>
        JavaScript Error name Property
    </title>
</head>

<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>
        JavaScript Error Name Property
    </h3>

    <p id="gfg"></p>

    <script>
        let x = 1;
        try {
            x.toLowerCase();
        } catch (err) {
            document.getElementById(
                "gfg").innerHTML = err.name;
        }
    </script>
</body>
</html>

Output:

Browser Support: The browsers supported by JavaScript Error name Property are listed below:

Google Chrome
Firefox
Internet Explorer
Opera
Safari

JavaScript Error.prototype.toString() Method

riarawal99

Improve

Article Tags :

JavaScript Error name Property

Similar Reads

JS Range Error

JS Reference Error

JS Syntax Error

JS Type Error

JS Other Errors

JS Error Instance

Thank You!

What kind of Experience do you want to share?