Explain JavaScript Error Object

Javascript Web Development Object Oriented Programming

The error object is basically thrown by the JavaScript interpreter when a script error occurs. This error object can also be thrown as exception for user defined exceptions. The two javaScript error object properties are −

Property	Description
name	It sets or returns the name of the error.
message	It sets or returns the error message as string

Following is the code for error object in JavaScript −

Example

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>JavaScript Error Object</h1>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button display the error object
</h3>
<script>
   let resEle = document.querySelector(".result");
   document.querySelector(".Btn").addEventListener("click", () => {
      try {
         a;
      }
      catch (err) {
         resEle.innerHTML = "Error = " + err + "<br>";
         resEle.innerHTML += "error.name = " + err.name + "<br>";
         resEle.innerHTML += "error.message = " + err.message + "<br>";
      }
   });
</script>
</body>
</html>