数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何使用 onerror 捕获 ReferenceError？
JavaScript 是一种著名的编程语言，与 HTML 和 CSS 一起构成万维网 (WWW) 的核心语言之一。它允许程序员捕获事件并修改文档对象模型 (DOM)。在本文中，我们将了解如何借助 onerror 事件捕获 ReferenceError。
什么是 ReferenceError？
ReferenceError 是一种错误，当程序尝试访问不存在的变量或对象时可能会发生。当变量名称拼写错误或用户尝试访问尚未初始化的对象时，可能会发生这种情况。
示例
<!DOCTYPE html>
<html>
<body>
<div id = "result"> </div>
<script>
try{
let sum=a+2;
document.getElementById("result").innerHTML = sum;
}
catch(e){
document.getElementById("result").innerHTML = e;
}
</script>
</body>
</html>
什么是 onerror？
onerror 是一个事件，每当加载外部文件或资源时发生错误，或者执行脚本时发生某些错误时就会触发。
语法
onerror = (event, source, lineno, colno, error) => {};
参数：以下是语法中提到的参数的描述
event：包含人类可读错误消息的字符串。
source：提供导致问题的脚本的 URL 的字符串。
lineno：包含发生问题的脚本文件的行号的整数。
colno：包含发生问题的脚本文件的列号的整数。
error：抛出的错误对象。
示例
在本例中，我们将使用上面部分提到的代码中的 onerror 事件来捕获 ReferenceError 对象。以下是执行此任务的完整代码
<!DOCTYPE html>
<html>
<head>
<title>How to catch a ReferenceError with onerror?</title>
</head>
<body>
<h4>How to catch a ReferenceError with onerror?</h4>
<div id="result"> </div>
<script>
window.onerror = (event, url, line, column, error) => {
let msg = "";
msg += "Error Stack: " + error;
document.getElementById("result").innerHTML = msg;
};
let sum = a + 2;
</script>
</body>
</html>
结论
在本文中，我们学习了 JavaScript 中的 RefernceError 和 onerror 事件。我们还了解到，借助 onerror 事件，我们可以捕获 ReferenceError 对象。
更新于： 2023年9月12日
79 次浏览
广告