Javascript 简明教程
JavaScript - Custom Errors
Custom errors 是在 JavaScript 中创建用户定义错误类型的一种方法。这对于处理特定类型的错误（例如，数据库错误或 HTTP 错误）很有用。
JavaScript 包含多个用于错误的内置对象。只要在 JavaScript 代码中发生任何错误，它就会抛出 Error 类的实例。不过，你也可以使用“throw”语句通过自定义消息来抛出 Error 类的实例。
在某些情况下，开发人员需要创建自定义错误。例如，您在输入中获取用户的年龄。如果用户的年龄未满 18 岁，您可以抛出自定义错误，如“ageNotValid”，以获得更明确的信息。
首先让我们了解错误类的语法，然后您将学习如何创建自定义错误。
The Error Class
在 JavaScript 中，错误是一个通用错误类。您可以创建错误类的一个实例，并将自定义消息作为参数传递。
Error 类包含三个属性：name、message 和 stack。
因此，你可以假设 Error 类的语法如下所示。
class Error {
constructor(message) {
this.message = message;
this.name = "Error";
this.stack = <call stack>;
}
}上述语法中的“stack”属性是非标准属性。它仅受 Firefox 浏览器支持。
Creating Custom Errors Using the Instance of the Error Class
创建自定义错误的最简单的方法是创建 Error 类的实例并更改其属性。
Syntax
你可以按照以下语法通过更改 Error 类的实例属性来创建自定义错误。
const customError = new Error(message);
customError.name = "CustomError";此处，我们创建了“Error”类实例并传递了“message”作为参数。此外，我们更改了“name”属性的值。同样，如果你不想将“message”属性作为 Error() 构造函数的参数传递，则可以更改“message”属性的值。
Example
在下面的代码中，我们创建了 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 errorCreating the Custom Errors Using the Function Constructor
你可以使用函数构造函数来创建对象的模板。函数构造函数应包含“name”和“message”属性。
接下来，你可以使用 Error 类的原型来更改函数构造函数的原型。
Syntax
你可以按照以下语法使用函数类的构造函数创建自定义错误。
function validationError(messag, name) {
this.message = messag;
this.name = name;
}
validationError.prototype = Error.prototype;在上述语法中，我们定义了 validationError() 函数，将 message 和 name 作为参数。之后，我们使用参数值初始化函数的 message 和 name 属性。
接下来，我们使用 Error 类的原型来更改函数的原型。
Example
在下面的代码中，我们定义了 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