JavaScript高级程序设计 错误处理与调试学习笔记


Posted in Javascript onSeptember 10, 2011

第十四章 错误处理与调试
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错误
□操作终止
□无效字符
□未找到成员
□未知运行时错误
□语法错误
□系统无法找到指定资源

Javascript 相关文章推荐
扩展easyui.datagrid,添加数据loading遮罩效果代码
Nov 02 Javascript
javascript针对DOM的应用分析(四)
Apr 15 Javascript
求数组最大最小值方法适用于任何数组
Aug 16 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
php基于redis处理session的方法
Mar 14 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
Dec 22 Javascript
JavaScript验证知识整理
Mar 24 Javascript
js变量声明var使用与不使用的区别详解
Jan 21 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 Javascript
vscode中Vue别名路径提示的实现
Jul 31 Javascript
JavaScript高级程序设计 事件学习笔记
Sep 10 #Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 #Javascript
JavaScript高级程序设计 DOM学习笔记
Sep 10 #Javascript
jquery maxlength使用说明
Sep 09 #Javascript
基于jquery可配置循环左右滚动例子
Sep 09 #Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 #Javascript
详谈 Jquery Ajax异步处理Json数据.
Sep 09 #Javascript
You might like
PHP 错误之引号中使用变量
2009/05/04 PHP
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
ThinkPHP模型详解
2015/07/27 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
使用Python解析JSON数据的基本方法
2015/10/15 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
使用python3构建文件传输的方法
2019/02/13 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
python 普通克里金(Kriging)法的实现
2019/12/19 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
python实现人像动漫化的示例代码
2020/05/17 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
GUESS德国官网:美国牛仔服装品牌
2017/02/14 全球购物
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
设计毕业生简历中的自我评价
2013/10/01 职场文书
行政助理的职责
2013/11/14 职场文书
党员目标管理责任书
2014/07/25 职场文书
社区活动总结
2015/02/04 职场文书
2015年父亲节寄语
2015/03/23 职场文书
党员转正介绍人意见
2015/06/03 职场文书
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android