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' 属性的值。同样，如果你不想将 '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

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

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

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

语法

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


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 类继承 Error 类的属性。

在 constructor（） 函数中，您可以初始化自定义 error 类的属性。

语法

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


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

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

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

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

打印本页
上一页
下一页