首页 > 编程学习 > 《十八》JS 中的错误处理

《十八》JS 中的错误处理

发布时间:2022/11/20 8:08:08

error 对象:

error 对象是当错误发生时提供错误信息的 JS 内置对象。

当错误发生时,浏览器会生成 error 对象并抛出,并且中断后面代码的执行。

console.log(person.name)
console.log('不会被执行到')

请添加图片描述

也可以通过 Error() 构造函数自定义 error 对象并抛出,也会中断后面代码的执行。

const error = new Error('发生错误')
throw error
console.log('不会被执行到')

请添加图片描述

throw 抛出错误操作符:

throw 操作符用于抛出自定义错误,抛出错误时必须要给 throw 操作符指定一个值,这个值没有类型要求。

在使用 throw 操作符抛出错误后,将会中断后面代码的执行。只有当用 try catch 语句捕获错误时,才不会中断后面代码的执行。

throw ’发生错误‘
throw true
throw {error: '发生错误'}

try catch 处理错误语句:

try catch语句用于处理错误。try 块中发生错误就不再执行剩余代码,转而执行 catch 块,所以应该把所有可能会抛出错误的代码都放在 try 块中,而把用于处理错误的代码放在 catch 块中。

使用 try catch 语句处理错误,即使发生了错误也不会中断 try catch 语句后面代码的执行。

try catch 语句有三种结构:

  1. try catch
  2. try finally
  3. try catch finally
try{
	console.log(person.name) // 代码发生了错误 
	console.log('try 块中发生错误,try 块剩余的代码不会被执行到')
} catch(err) { // catch 块会接收到一个报错错误信息的对象
	console.log('try 块中发生错误时 catch 块会被执行')
} finally {
	console.log('finally 子句无论如何都会被执行')
}
console.log('try catch 块外的代码会被执行')

请添加图片描述

error 监听错误事件:

无论是浏览器生成的错误还是自定义的错误,只要发生错误,都会触发 window 对象的 error 事件。

在 error 事件的事件处理函数中返回 false,可以阻止浏览器报错错误的默认行为。

使用 try catch 语句处理错误,将不会再触发 window 对象的 error 事件。

 window.onerror = function(message, url, line, row, error){ // 参数以 Chrome 浏览器为例
	console.log(message)
	return true;   // return true 不提示错误,return flase 提示错误
}
Copyright © 2010-2022 dgrt.cn 版权所有 |关于我们| 联系方式