课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
青岛IT培训的小编总结，四、window.onerror 不是万能的
当 JS 运行时错误发生时，window 会触发一个 ErrorEvent 接口的 error 事件，并执行 window.onerror（）。
/**
* @param {String} message 错误信息
* @param {String} source 出错文件
* @param {Number} lineno 行号
* @param {Number} colno 列号
* @param {Object} error Error对象（对象）
*/
window.onerror = function（message, source, lineno, colno, error） {
console.log（‘捕获到异常：',{message, source, lineno, colno, error}）；
}
1.首先试试同步运行时错误
window.onerror = function（message, source, lineno, colno, error） {
// message:错误信息（字符串）。
// source:发生错误的脚本URL（字符串）
// lineno:发生错误的行号（数字）
// colno:发生错误的列号（数字）
// error:Error对象（对象）
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
}
Jartto;
window.onerror = function（message, source, lineno, colno, error） {
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
}
let name = 'Jartto
控制台打印出了这样的异常：
Uncaught SyntaxError: Invalid or unexpected token
什么，竟然没有捕获到语法错误？
3.怀着忐忑的心，我们最后来试试异步运行时错误：
window.onerror = function（message, source, lineno, colno, error） {
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
}
setTimeout（（） => {
Jartto;
}）；
控制台输出了：
捕获到异常： {message: “Uncaught ReferenceError: Jartto is not defined”, source: “http://127.0.0.1:8001/”, lineno: 36, colno: 5, error: ReferenceError: Jartto is not defined
at setTimeout （http://127.0.0.1:8001/:36:5）}
4.接着，我们试试网络请求异常的情况：
<script>
window.onerror = function（message, source, lineno, colno, error） {
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
return true;
}
</script>
<img src=“./jartto.png”>
我们发现，不论是静态资源异常，或者接口异常，错误都无法捕获到。
以上就是青岛IT培训给大家做的内容详解，更多关于UI的学习，请继续关注青岛IT培训
当 JS 运行时错误发生时，window 会触发一个 ErrorEvent 接口的 error 事件，并执行 window.onerror（）。
/**
* @param {String} message 错误信息
* @param {String} source 出错文件
* @param {Number} lineno 行号
* @param {Number} colno 列号
* @param {Object} error Error对象（对象）
*/
window.onerror = function（message, source, lineno, colno, error） {
console.log（‘捕获到异常：',{message, source, lineno, colno, error}）；
}
1.首先试试同步运行时错误
window.onerror = function（message, source, lineno, colno, error） {
// message:错误信息（字符串）。
// source:发生错误的脚本URL（字符串）
// lineno:发生错误的行号（数字）
// colno:发生错误的列号（数字）
// error:Error对象（对象）
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
}
Jartto;
可以看到，我们捕获到了异常：
window.onerror = function（message, source, lineno, colno, error） {
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
}
let name = 'Jartto
控制台打印出了这样的异常：
Uncaught SyntaxError: Invalid or unexpected token
什么，竟然没有捕获到语法错误？
3.怀着忐忑的心，我们最后来试试异步运行时错误：
window.onerror = function（message, source, lineno, colno, error） {
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
}
setTimeout（（） => {
Jartto;
}）；
控制台输出了：
捕获到异常： {message: “Uncaught ReferenceError: Jartto is not defined”, source: “http://127.0.0.1:8001/”, lineno: 36, colno: 5, error: ReferenceError: Jartto is not defined
at setTimeout （http://127.0.0.1:8001/:36:5）}
4.接着，我们试试网络请求异常的情况：
<script>
window.onerror = function（message, source, lineno, colno, error） {
console.log（’捕获到异常：‘,{message, source, lineno, colno, error}）；
return true;
}
</script>
<img src=“./jartto.png”>
我们发现，不论是静态资源异常，或者接口异常，错误都无法捕获到。
以上就是青岛IT培训给大家做的内容详解，更多关于UI的学习，请继续关注青岛IT培训
< 上一篇：一文教你如何轻松优雅的处理前端异常？（1）
下一篇：一文教你如何轻松优雅的处理前端异常？（3） >
2025-02-12
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
