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 相关文章推荐
js闭包的用途详解
Nov 09 Javascript
JavaScript将数组转换成CSV格式的方法
Mar 19 Javascript
js字符串操作方法实例分析
May 06 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
JS实现仿QQ效果的三级竖向菜单
Sep 25 Javascript
理解javascript中的严格模式
Feb 01 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
May 13 Javascript
使用eslint和githooks统一前端风格的技巧
Jul 29 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
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
杏林同学录(一)
2006/10/09 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
PHP中的替代语法介绍
2015/01/09 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
javascript Array对象基础知识小结
2010/11/16 Javascript
javascript string字符串优化问题
2011/07/31 Javascript
js取得url地址参数实例
2013/02/22 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
2013/12/19 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
jQuery实现的倒计时效果实例小结
2016/04/16 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
2016/09/01 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
微信小程序组件传值图示过程详解
2019/07/31 Javascript
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
python3.6 如何将list存入txt后再读出list的方法
2019/07/02 Python
Django框架组成结构、基本概念与文件功能分析
2019/07/30 Python
Python如何给你的程序做性能测试
2020/07/29 Python
python中time tzset()函数实例用法
2021/02/18 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
Liu Jo西班牙官网:意大利服装品牌
2019/09/11 全球购物
酒店个人求职信范文
2014/01/25 职场文书
毕业证明书
2015/06/19 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书