- 浏览: 11689 次
最新评论
《JavaScript高级程序设计》学习笔记――错误处理与调试
2011年09月04日
Author:chemandy
第十四章 错误处理与调试
1.开启浏览器错误报告
1.1 Internet Explorer □Toos → Internet Option → Anvanced → Display a notification about every script error 1.2 Firefox □Tools → Error Console (Firebug) 1.3 Safari □Edit → Preferences → Advanced → Show develop menu in menubar/Develop → Show Error Console 1.4 Opera □Tools → Advanced → Error Console 1.5 Chrome □Control this page → Developer → JavaScript console
2.错误处理
2.1 Try-catch语句 try{ //可能会导致错误的代码 }catch(error){ //错误发生时怎么处理 } □错误发生时catch快回收到一个包含错误信息的对象。有一个兼容所有浏览器的message属性。 2.1.1 finally子句 try-catch子句可选,finally子句一经使用,其代码无论如何都会执行。 2.1.2 错误类型 □Error:基类型。主要目的是供开发人员抛出自定义错误。 □EvalError:用eval()函数发生异常时抛出。 □RangeError:数值超出相应范围时触发。 □ReferenceError:找不到对象的情况下 □SyntaxError:把语法错误的JavaScript字符串传入eval()函数。 □TypeError:变量中保存着意外的类型时,或访问不存在的方法时。 □URIError:使用encodeURI()或decodeURI(),而URI格式不正确时。 根据不同的错误类型,进行错误处理: try{ soemFunction(); }catch(error){ if(error instanceof TypeError){ //处理类型错误 }else if(error instanceof ReferenceError){ //处理引用错误 }else{ //处理其他类型错误 } } 2.1.3 善用try-catch □使用try-catch语句,浏览器会认为错误已经被处理。 □使用try-catch语句,最适用吹那些我们无法控制的错误。 □明明白白地知道自己代码发生错误就不该用try-catch而是修复错误。 2.2 抛出错误 ①与try-catch语句相配有一个throw操作符。在遇到throw操作符时,代码立即停止执行。仅当有try-catch语句捕获到被抛出的值时,代码才会继续执行。 ②throw new Error("something bad happened."); 或利用原型链通过继承Error来创建自定义错误类型。 2.2.1 抛出错误的时机 2.2.2 抛出错误与使用try-catch 2.2.3 错误(error)事件 ①任何没有通过try-catch处理的错误都会触发window对象的error事件。 ②任何浏览器中,onerror事件处理程序都不会创建event对象。但可接受3个参数:错误消息、错误所在的URL和行号。(只有错误消息有用) ③指定onerror事件处理程序,必须使用DOM0级技术。 window.onerror = function(message,url,line){ alert(message); return false; //通过返回false,此函数实际上充当了整个文档的try-catch语句可捕获所有无代码处理的运行时错误。 }; ④图像也支持error事件。只要图像的src特性中URL不能返回可以被识别的图像格式,就会触发error事件。此时的error事件遵循DOM格式,会返回一个以图像为目标的event对象。
3.错误处理策略 3.1 常见的错误类型 □类型转换错误 □数据类型错误 □通信错误 3.1.1 类型转换错误 类型转换错误发生在使用某个操作符,或者使用其他可能会自动转换值的数据类型的语言结构时。在使用相等(==)和不相等(!==)操作符,或者if、for及while等流控制语句中使用非布尔值时,最常发生类型转换错误。 3.1.2 数据类型错误 在预料之外的值传给函数的情况下,最容易发生数据类型错误。 3.1.3 通信错误 ①URL格式不正确或发送的数据有问题。对查询字符串,必须使用encodeURIComponent()方法。 ②在服务器响应的数据不正确时,也会发生通信错误。 3.2 区分致命错误和非致命错误 ①非致命错误 □不影响用户的主要任务 □只影响页面的一部分 □可以恢复 □重复相同操作可以消除错误 ②致命错误 □应用程序根本无法运行 □错误明显影响到了用户的主要操作 □会导致其他连带错误 3.3把错误记录到服务器:(略)
4.调试技术
4.1 将消息记录到控制台 ①IE8、Firefox、Chrome和Safari来说,可通过console对象向JavaScript控制台中写入消息。对象有下列方法: □error(message):将错误消息记录到控制台 □info(message):将信息消息记录到控制台 □log(message):将一般消息记录到控制台 □warn(message):将警告消息记录到控制台 ②还有一种方案是使用LiveConnect,也就是JavaScript中运行Java代码。 ③向JavaScript控制台写入消息的统一接口: function log(message){ if(typeof console == "object"){ console.log(message); }else if(typeof opera == "object"){ opera.postError(message); }else if(typeof java == "object" && typeof java.lang == "object"){ java.lang.System.out.println(message); } } 4.2 将消息记录到当前页面 4.3 抛出错误 ①对大型应用程序来说,自定义的错误通常使用assert()函数抛出。对这个函数接受两个参数,一个是求值结果为true的条件,另一个是条件为false时要抛出的错误。 function assert(condition, message){ if(!condition){ throw new Error(message); } } ②应用: function divide(num1,num2){ assert(typeof num1 == "number"&&typeof num2== "number","divide():Both arguments must be numbers."); return num1/num2; }
5.常见的IE错误
□操作终止 □无效字符 □未找到成员 □未知运行时错误 □语法错误 □系统无法找到指定资源
发表评论
-
宇龙酷派WINCE6.0 SDK配置方法
2012-01-20 09:24 823宇龙酷派WINCE6.0 SDK配置 ... -
Java EE 6 SDK+Eclipse JEE+Android ADT
2012-01-20 09:24 939Java EE 6 SDK+Eclipse JEE+Andro ... -
VC6.0下WMI编程需要先安装Platform SDK
2012-01-20 09:24 933VC6.0下WMI编程需要先安装Platform SDK 2 ... -
[转]Android开发环境搭建全程演示(jdk+eclipse+android sdk)
2012-01-20 09:24 633[转]Android开发环境搭建 ... -
倘若我能说出我的心声
2012-01-19 14:25 616倘若我能说出我的心声 2011年03月05日 [/b] ... -
高帝制礼作乐,周昌谏废太子
2012-01-19 14:25 638高帝制礼作乐,周昌谏废 ... -
第十四章 我是商鞅(上)
2012-01-19 14:24 635第十四章 我是商鞅( ... -
转载:全面介绍javascript异常处理(try…catch…finally window.onerror)
2012-01-17 04:14 604转载:全面介绍javascript异常处理(try…catch ... -
ecshop transport.js/run() error:undefined
2012-01-17 04:13 692ecshop transport.js/run() error ... -
Handling metadata and cue points in Flash video(AsyncErrorEvent text=Error #2095 flash.net.NetStream)
2012-01-17 04:13 794Handling metadata and cue point ... -
Adobe荐文:处理Flash视频里的元数据和录像暗点
2012-01-17 04:13 876Adobe荐文:处理Flash视频 ... -
赞美别人的词语
2012-01-16 03:02 911赞美别人的词语 2009年11月29日 人物品格的词语∶ ... -
赞美女人的词语
2012-01-16 03:02 684赞美女人的词语 2011年05月02日 漂亮的叫美女, ... -
赞美女性的词语大全
2012-01-16 03:02 682赞美女性的词语大全 2010年07月18日 温柔、体贴 ... -
赞美女性的词语
2012-01-16 03:02 635赞美女性的词语 2010年05月21日 温 ...
相关推荐
JavaScript高级程序设计 错误处理与调试学习笔记,学习js的朋友可以参考下。
NULL 博文链接:https://aotostar.iteye.com/blog/816695
javascript高级程序设计学习笔记,共100+页,记录了js的方方面面,比较适合于自学。
JavaScript 高级程序设计(第3版)【附源代码】
Javascript 高级程序设计(第3版)超清中文PDF带目录完整版,个人的学习使用,共25M。
JavaScript 高级程序设计高级程序设计高清完美版
以及与在Web应用程序中部署JavaScript解决方案有关的问题,如错误处理、调试、安全性、优化/混淆化、XML和Web服务,最后介绍应用所有这些知识来创建动态用户界面。 本书适合有一定编程经验的开发人员阅读,也可作为...
javascript 高级程序设计源码 Nicholas 完美版 不含任何广告 学习javascript必备
NULL 博文链接:https://shaw-n-lu.iteye.com/blog/1881210
javaScript高级程序设计笔记.doc
高级函数 1.1 作用域安全的构造函数 ①直接调用构造函数而不适用new操作符时,由于this对象的晚绑定,它将映射在全局对象window上,导致对象属性错误增加到window。 代码如下: function Person(name,age,job){ this....
javascript 高级编程 学习笔记 包括 1 ,2 版
javacript高级程序设计的个人学习总结,涉及到很多javascript的高级特性
JavaScript高级程序设计是一本非常值得看的书,这些是我的一些学习总结,供大家参考
JavaScript高级程序设计第四版--示例代码
JavaScript基础知识的详细思维导图,以及 个人学习之后的总结。导图由个人总结而出,仅限参考。
Javascript 高级程序设计-第三版-中文版.pdf,内容经典
NULL 博文链接:https://phoebird.iteye.com/blog/584484
基于JavaScript高级程序设计第四版的学习笔记
JavaScript高级程序设计.pdf