第 28
28
28
28 章 错误处理与调试
学习要点:
1. 浏览器错误报告
2. 错误处理
3. 错误事件
4. 错误处理策略
5. 调试技术
6. 调试工具
主讲教师:李炎恢
合作 网站: http://
http://
http://
http:// www.ibeifeng.com
www.ibeifeng.com
www.ibeifeng.com
www.ibeifeng.com
讲师博客: http://hi.baidu.com/
http://hi.baidu.com/
http://hi.baidu.com/
http://hi.baidu.com/ 李炎恢
JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人
摸不着头脑 。 ECMAScript 第 3 版为了解决这个问题引入了 try...catch 和 throw 语句以及一些
错误类型,让开发人员更加适时的处理错误。
一. 浏览器错误报告
随着浏览器的不断升级, JavaScript 代码的调试能力也逐渐变强。 IE 、 Firefox 、 Safari
、
Chrome 和 Opera 等浏览器,都具备报告 JavaScript 错误的机制。只不过,浏览器一般面向
的是普通用户,默认情况下会隐藏此类信息。
IE : 在默认情况下 , 左下角会出现错误报告 , 双击这个图标 , 可以看到错误消息对话框
。
如果开启禁止脚本调试 , 那么出错的时候 , 会弹出错误调试框 。 设置方法为 : 工具 ->Internet
Options 选项 -> 高级 -> 禁用脚本调试,取消勾选即可。
Firefox : 在默认情况下 , 错误不会通过浏览器给出提示 。 但在后台的错误控制台可以查
看 。 查看方法为 : 工具 ->[Web 开发者 ]->Web 控制台
|
错误控制台 。 除了浏览器自带的 , 开发
人员为 Firefox 提供了一个强大的插件 : Firebug 。 它不但可以提示错误 , 还可以调试 JavaScrip t
和 CSS 、 DOM 、网络链接错误等。
Safari :在默认情况下,错误不会通过浏览器给出提示。所以,我们需要开启它。查看
方法为 : 显示菜单栏 -> 编辑 -> 偏好设置 -> 高级 -> 在菜单栏中显示开发 -> 显示 Web 检查器
|
显示
错误控制器。
Opera :在默认情况下,错误会被隐藏起来。打开错误记录的方式为:显示菜单栏 -> 查
看 -> 开发者工具 -> 错误控制台。
Chrome : 在默认情况下 , 错误会被隐藏起来 。 打开错误记录的方法为 : 工具 ->JavaScrip t
控制台。
二. 错误处理
良好的错误处理机制可以及时的提醒用户 , 知道发生了什么事 , 而不会惊慌失措 。 为此
,
作为开发人员 , 我们必须理解在处理 JavaScript 错误的时候 , 都有哪些手段和工具可以利用 。
try-catch 语句
ECMA262 第 3 版引入了 try-catch 语句,作为 JavaScript 中处理异常的一种标准方式。