JavaScript 经典实例：第三版

错误和测试

｜

269

10.3.3

讨论

把错误处理代码放在错误的位置是常见的错误。可惜，很多时候我们并不能发现错

误处理代码不起作用，永远不会运行，然而，借助

lint

工具（

1.10

节）或许可以发

现这个问题。最好的方案是真正测试应用可能出错的情况，确认错误处理代码能够

运行，降低错误的影响。

10.3.4

参考

9.2

节以

Fetch API

为例，全面说明如何使用基于

promise

的错误处理方式。

9.5

节以

Fetch API

为例，全面说明如何处理

async

和

await

结构中可能出现的错误。

10.4

检测未处理的错误

10.4.1

问题

你想捕获代码中未被处理的错误，比如说记录诊断日志。

10.4.2

方案

处理

window.error

事件。事件处理函数接收五个包含错误信息的参数。除了表示

具体错误的对象以外，还有单独的

message

参数和位置信息（指明脚本文件

URL

的

source

参数，指明错误发生在哪一行的

lineno

参数，以及指明错误发生在哪一列

的

colno

参数）。

下面举个例子测试这个事件。

//

依附事件处理函数

window.onerror = (message, url, lineNo, columnNo, error) => {

console.log(`An unhandled error occurred in ${url}`);

}

//

抛出一个未处理的错误

console.log(

null

.length);

270

｜

第

10

章

注意，要使用一个示例页面才能测试。不能在开发者控制台中为

window.error ...