首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

第二十八章:异常处理与调试

2013-12-02 
第二十八章:错误处理与调试四.错误处理策略由于 JavaScript 错误都可能导致网页无法使用, 所以何时搞清楚

第二十八章:错误处理与调试
四.错误处理策略
由于 JavaScript 错误都可能导致网页无法使用, 所以何时搞清楚及为什么发生错误至关重要。这样,我们才能对此采取正确的应对方案。
常见的错误类型
因为 JavaScript 是松散弱类型语言,很多错误的产生是在运行期间的。一般来说,需要关注 3 种错误:
1.类型转换错误;2.数据类型错误;3.通信错误,这三种错误一般会在特定的模式下或者没有对值进行充分检查的情况下发生。
类型转换错误
在一些判断比较的时候,比如数组比较,有相等和全等两种:


?

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');? 

?
还有一种离线版, 把 firebug-lite 下载好, 载入工具即可, 导致最终工具无法运行, 其他浏览器运行完好。虽然 Web 版本的 Firebug Lite 可以跨浏览器使用 Firebug,但除了Firefox原生的之外,都不支持断点、单步调试、监视、控制台等功能。好在,其他浏览器自己的调试器都有。
PS:Chrome 浏览器必须在服务器端方可有效。测试也发现,只能简单调试,如果遇到错误,系统不能自动抛出错误给 firebug-lite。
1.设置断点
我们可以选择 Script(脚本),点击要设置断点的 JS 脚本处,即可设置断点。当我们需要调试的时候,从断点初开始模拟运行,发现代码执行的流程和变化。
2.单步调试
设置完断点后, 可以点击单步调试, 一步步看代码执行的步骤和流程。 上面有五个按钮:
重新运行:重新单步调试
断继:正常执行代码
单步进入:一步一步执行流程
单步跳过:跳到下一个函数块
单步退出:跳出执行到内部的函数
3.监控
单击“监控”选项卡上,可以查看在单步进入是,所有变量值的变化。你也可以新建监控表达式来重点查看自己所关心的变量。
4.控制台
显示各种信息。之前已了解过。
PS:其他浏览器除 IE8 以上均可实现以上的调试功能,大家可以自己常识下。而我们主要采用 Firebug 进行调试然后兼容到其他浏览器的做法以提高开发效率。

热点排行