JavaScript | Error name Property

It is used to set or return the name of an error.

Syntax:

errorObj.name

Parameter Values:

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.

Example-1: This example shows Syntax Error.

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1> 
      <center> 
        Geeks 
      </center>  
  </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-2: This example shows Range Error.

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1> 
      <center> 
        Geeks 
      </center>  
  </h1> 
    
    <h3> 
      JavaScript Error Name Property 
  </h3> 
  
    <p id="gfg"></p> 
  
    <script> 
      var num = 0; 
      try { 
            num.toPrecision(1000); 
        }  
      catch (err) { 
            document.getElementById( 
              "gfg").innerHTML = err.name; 
        } 
    </script> 
  
</body> 
  
</html> 

Output:

Example-3: This example shows Reference Error.

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1> 
      <center> 
        Geeks 
      </center> 
  </h1> 
  
    <h3> 
      JavaScript Error Name Property 
  </h3> 
  
    <p id="gfg"> 
  </p> 
  
    <script> 
        var y; 
        try { 
            y = x + y; 
        }  
        catch (err) { 
            document.getElementById( 
              "gfg").innerHTML = err.name; 
        } 
    </script> 
  
</body> 
  
</html> 

Output:

Example-4: This example shows Type Error.

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1> 
      <center> 
        Geeks 
      </center> 
  </h1> 
  
    <h3> 
      JavaScript Error Name Property 
  </h3> 
  
    <p id="gfg"> 
  </p> 
  
    <script> 
        var x = 1; 
        try { 
            x.toLowerCase(); 
        } catch (err) { 
            document.getElementById( 
              "gfg").innerHTML = err.name; 
        } 
    </script> 
  
</body> 
  
</html> 

Output:

Browser Support: The listed browsers support error name property.

Google Chrome
Firefox
Internet Explorer
Opera
Safari

My Personal Notes

Recommended Posts: