JavaScript - 自定义错误

自定义错误是创建JavaScript中用户定义错误类型的一种方法。这对于处理特定类型的错误（例如数据库错误或HTTP错误）非常有用。

JavaScript包含多个内置的错误对象。每当JavaScript代码中发生任何错误时，它都会抛出一个Error类的实例。但是，您也可以使用'throw'语句抛出带有自定义消息的Error类实例。

在某些情况下，开发人员需要创建自定义错误。例如，您正在获取用户在输入中输入的年龄。如果用户的年龄未满18岁，您可以抛出一个自定义错误，例如'ageNotValid'，以便更清晰地说明。

让我们先了解Error类的语法，然后您将学习如何创建自定义错误。

Error 类

在JavaScript中，Error是一个通用的错误类。您可以创建一个Error类的实例，并将自定义消息作为参数传递。

Error类包含三个属性：name、message和stack。

因此，您可以假设Error类的语法如下所示。

class Error {
   constructor(message) {
      this.message = message;
      this.name = "Error"; 
      this.stack = <call stack>;
   }
}

在上述语法中，'stack'属性是非标准属性。仅Firefox浏览器支持它。

使用Error类的实例创建自定义错误

创建自定义错误最简单的方法是创建Error类的实例并更改其属性。

语法

您可以按照以下语法通过更改Error类实例的属性来创建自定义错误。

const customError = new Error(message);
customError.name = "CustomError";

在这里，我们创建了'Error'类的实例，并将'message'作为参数传递。此外，我们还更改了'name'属性的值。同样，如果您不想将其作为Error()构造函数参数传递，则可以更改'message'属性的值。

参数

message − 这是一个表示错误的文本消息。

示例

在下面的代码中，我们创建了Error类的实例，并将其存储在'customError'变量中。之后，我们将'name'属性的值更改为'CustomError'。

在try{}块中，我们使用了'throw'语句来抛出自定义错误，在catch{}块中，我们打印错误名称和消息。

<html>
<body>
   <div id = "output"> </div>
   <script>
      const customError = new Error("This is a custom error");
      customError.name = "CustomError";
      try {
         throw customError;
      } catch (err) {
         document.getElementById("output").innerHTML = err;
      }
   </script>
</body>
</html>

输出

CustomError: This is a custom error

使用函数构造函数创建自定义错误

您可以使用函数构造函数来创建对象的模板。函数构造函数应包含'name'和'message'属性。

接下来，您可以使用Error类的原型更改函数构造函数的原型。

语法

您可以按照以下语法使用函数类的构造函数创建自定义错误。

function validationError(messag, name) {
   this.message = messag;
   this.name = name;
}
validationError.prototype = Error.prototype;

在上述语法中，我们定义了validationError()函数，它接受message和name作为参数。之后，我们用参数值初始化函数的message和name属性。

接下来，我们使用Error类的原型更改函数的原型。

示例

在下面的代码中，我们定义了validationError()函数构造函数，并使用Error类的原型继承它。

在try{}块中，我们定义了'str'变量并用数值初始化它。之后，我们使用typeof运算符验证'str'变量的类型。如果不是字符串，则通过传递message和name作为参数来抛出'validationError'。

在catch{}块中，我们在网页上打印消息。您可以运行代码，并在输出中观察错误。

<html>
<body>
   <div id = "demo"> </div>
   <script>
      const output = document.getElementById("demo");
      function validationError(message = "", name = "validationError") {
         this.message = message;
         this.name = name;
      }
      validationError.prototype = Error.prototype;

      try {
         let str = 10;
         if (typeof str != "string") {
            throw new validationError("Not a string", "NotStringError");
         } else {
            output.innerHTML = "String is valid";
         }
      } catch (e) {
         output.innerHTML = e.name + ": " + e.message;
      }
   </script>
</body>
</html>

输出

NotStringError: Not a string

通过扩展Error类创建自定义错误

创建自定义错误的最佳方法是创建一个新类，并使用'extends'关键字扩展它。它使用了继承的概念，自定义错误类继承了Error类的属性。

在constructor()函数中，您可以初始化自定义错误类的属性。

语法

您可以按照以下语法通过扩展Error类来创建自定义错误。

class CustomError extends Error {
   constructor(message) {
      super(message)
      // Initialize properties
   }
}

在上面的代码中，我们使用super()方法调用父类构造函数。

您也可以在构造函数中初始化CustomError类的属性。

您可以根据需要使用以上任何方法创建自定义错误。

打印页面