JavaScript - 自定义错误

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

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

在某些情况下，开发者需要创建自定义错误。例如，您正在从输入中获取用户的年龄。如果用户的年龄不超过 18 岁，您可以抛出一个自定义错误，例如"ageNotValid"，以便更清楚地说明。

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

Error 类

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

Error 类包含三个属性:名称、消息和堆栈。

因此，您可以假设 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"属性的值。同样，如果您不想将"message"属性作为 Error() 构造函数参数传递，也可以更改其值。

参数

• 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 属性。

接下来，我们将该函数的原型更改为 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 类的属性。

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

语法

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

class CustomError extends Error {
   constructor(message) {
      super(message)
      // 初始化属性
   }
}

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

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

您可以根据自己的需求，使用上述任何一种方法来创建自定义错误。