自定义错误简介
自定义错误是在 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(message, name) {
this.message = message;
this.name = name;
}
validationError.prototype = Error.prototype;
在上述语法中，我们定义了一个接受 message 和 name 参数的 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 类的属性。
在 constructor() 函数中，你可以初始化自定义错误类的属性。
语法
你可以按照以下语法通过扩展 Error 类来创建自定义错误：
class CustomError extends Error {
constructor(message) {
super(message)
}
}
在上述代码中，我们使用 super() 方法调用父类构造函数。
你也可以在构造函数中初始化 CustomError 类的属性。
你可以根据需求选择上述任何一种方法来创建自定义错误。