Explain the Error Name Values in JavaScript with examples.

JavascriptWeb DevelopmentObject Oriented Programming

The error name value is used for setting or returning the error name. The error name can return the below values.

Sl.NoError Name & Description
1EvalError
It represents an error in the eval() function
2RangeError
It happens when a numeric value is out of its range
3ReferenceError
It happens when an illegal reference has occured
4SyntaxError
It represents a syntax error
5TypeError
It represents a type error
6URIError
It represents an error in the encodeURI().

Example

Following is the code for the error name values in JavaScript −

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Error name values in Javascript</h1>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to call a variable before it is defined
</h3>
<script>
   let resEle = document.querySelector(".result");
   document.querySelector(".Btn").addEventListener("click", () => {
      try {
         resEle.innerHTML = a;
      }
      catch (err) {
         resEle.innerHTML = "Error name = " + err.name;
      }
      let a = 44;
   });
</script>
</body>
</html>

Output

The above code will produce the following output −

On clicking the ‘CLICK HERE’ button −

raja
Published on 15-Jul-2020 14:13:18
Advertisements