js 捕获异常

简介: js 捕获异常

手动捕获

try {
  // 执行目标代码
} catch (err) {
  // 控制台打印报错信息
  console.log(err);
} finally {
  // 无论是否报错都会执行的代码
}

自动捕获

window.onerror = function (message, source, lineno, colno, error) {
  // 解析报错信息
};

可全局监听所有JS的报错

  • message:错误消息(字符串)
  • source:引发错误的脚本的URL(字符串)
  • lineno:发生的行的列号(数值)
  • colno:发生错误的行的列号(数值)
  • error:错误对象(对象)

缺点:

  • 对跨域的 js ,如 CDN 的,不会有详细的报错信息
  • 对于压缩的 js ,需要配合 sourceMap 反查到未压缩代码的行、列
目录
相关文章
|
2月前
|
JavaScript 前端开发 数据库连接
js的异常程序处理机制
js的异常程序处理机制
26 0
|
2月前
|
JSON JavaScript 前端开发
抓住异常,解救你的代码世界:你应该了解的 JavaScript 异常类型
抓住异常,解救你的代码世界:你应该了解的 JavaScript 异常类型
|
2月前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递,而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。示例代码展示了如何设置。
30 2
|
3天前
|
JavaScript
js 捕获 await 的报错
js 捕获 await 的报错
8 1
|
4天前
|
JavaScript
js 事件流、事件冒泡、事件捕获、阻止事件的传播
js 事件流、事件冒泡、事件捕获、阻止事件的传播
8 1
|
10天前
|
前端开发 JavaScript 程序员
探索JavaScript宝库:打开基础知识与实用技能之门(数据类型与变量+ 条件与循环+函数与模块+DOM+异常+ES6)
探索JavaScript宝库:打开基础知识与实用技能之门(数据类型与变量+ 条件与循环+函数与模块+DOM+异常+ES6)
9 0
|
2月前
|
前端开发 JavaScript 索引
【Web 前端】JS的几种具体异常类型(报错)
【4月更文挑战第22天】【Web 前端】JS的几种具体异常类型(报错)
|
2月前
|
JavaScript 前端开发
JavaScript的异常捕获一看就懂系列
JavaScript的异常捕获一看就懂系列
|
2月前
|
中间件
egg.js 24.16错误和异常统一处理
egg.js 24.16错误和异常统一处理
60 0
egg.js 24.16错误和异常统一处理
|
2月前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素依次触发事件,而事件捕获则从最外层元素向内层元素传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。例如: ```javascript element.addEventListener('click', console.log, false); // 冒泡 element.addEventListener('click', console.log, true); // 捕获 ```
29 0