第一百二十三节，JavaScript错误处理与调试

Posted 2020-08-23 林贵秀

javascript错误处理与调试

 

学习要点：

1.浏览器错误报告

2.错误处理

3.错误事件

4.错误处理策略

5.调试技术

6.调试工具

 

JavaScript在错误处理调试上一直是它的软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型，让开发人员更加适时的处理错误。

 

一．浏览器错误报告

随着浏览器的不断升级，JavaScript代码的调试能力也逐渐变强。IE、Firefox、Safari、Chrome和Opera等浏览器，都具备报告JavaScript错误的机制。只不过，浏览器一般面向的是普通用户，默认情况下会隐藏此类信息。

IE：在默认情况下，左下角会出现错误报告，双击这个图标，可以看到错误消息对话框。如果开启禁止脚本调试，那么出错的时候，会弹出错误调试框。设置方法为：工具->Internet Options选项->高级->禁用脚本调试，取消勾选即可。

 

Firefox：在默认情况下，错误不会通过浏览器给出提示。但在后台的错误控制台可以查看。查看方法为：工具->[Web开发者]->Web控制台|错误控制台。除了浏览器自带的，开发人员为Firefox提供了一个强大的插件：Firebug。它不但可以提示错误，还可以调试JavaScript和CSS、DOM、网络链接错误等。

 

Safari：在默认情况下，错误不会通过浏览器给出提示。所以，我们需要开启它。查看方法为：显示菜单栏->编辑->偏好设置->高级->在菜单栏中显示开发->显示Web检查器|显示错误控制器。

 

Opera：在默认情况下，错误会被隐藏起来。打开错误记录的方式为：显示菜单栏->查看->开发者工具->错误控制台。

 

Chrome：在默认情况下，错误会被隐藏起来。打开错误记录的方法为：工具->JavaScript控制台。

 

二．错误处理

良好的错误处理机制可以及时的提醒用户，知道发生了什么事，而不会惊慌失措。为此，作为开发人员，我们必须理解在处理JavaScript错误的时候，都有哪些手段和工具可以利用。

try-catch语句

ECMA262第3版引入了try-catch语句，作为JavaScript中处理异常的一种标准方式。

try尝试着执行try包含的代码

catch如果有错误，执行catch，可以接收一个参数e，e是异常对象