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>