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
语句有三种结构:
try catch
。try finally
。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 提示错误
}