Javascript 错误处理的几种方法


Posted in Javascript onJune 13, 2009

1.使用window.onerror指定错误处理函数。
当有错误的时候,onerror会被callback。 当某个JavaScript block中有多个script错误时,第一个错误触发后(回调callback),当前Javascript block后面的script会被自动Drop忽略掉,不被执行。
如: 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Test</title> 
<script type="text/javascript"> 
window.onerror = function(message, url, line) 
{ 
alert("Error.\nMessage:"+ message +"\nUrl:" + url + "\nLine:" + line) 
return true; 
} 
</script> 
</head> 
<body> 
<script type="text/javascript"> 
test(); 
test(); 
test(); 
test(); 
</script> 
<script type="text/javascript"> 
test(); 
test(); 
test(); 
test(); 
</script> 
</body> 
</html>

在上面的例子中只会有每一个block中的第一个test();产生error。触发window.onerror回调,后面的Javascript会被忽略掉。img 也支持 onerror < img src="pic.gif" onerror = "javascript:alert("An error occurred.");"/>。onerror 是浏览器支持的对象。由浏览器决定是否可以使用,不是DOM标准。

2.使用Javascript中的try catch throw处理异常。
Javascript支持了try catch throw,Javascript中定义的异常:
(1)EvalError: An error occurs in the eval() function.
(2)RangeError: A number value is greater then or less then the number that can be represented in Javascript(Number.MAX_VALUE and Number.MIN_VAKUE).
(3)ReferenceError: An illegal reference is used.
(4)SyntaxError: A syntax error occus inside of an eval() function call. All other syntax error are reorted by the browser and cannot be handled with a try...catch statement.
(5)TypeError. A variables type is unexpected. 6.URIError. An error ocuurs in the encodeURI() or the decodeURI() function.
如:

<script type="text/javascript"> 
function CreateError() 
{ 
throw new Error("Created error by custom."); 
} 
try 
{ 
//throw a error from a function just want to see the call stack in firefox. 
CreateError(); 
} 
catch(error) 
{ 
var errorMsg = ("Message: " + error.message + "\n"); 
if(typeof(error.stack)!=undefined) 
{ 
//FF 
errorMsg += ("Line Number: " + error.lineNumber + "\n"); 
errorMsg += ("File Name: " + error.fileName + "\n"); 
errorMsg += ("Stack Trace:\n" + error.stack + "\n"); 
} 
else 
{ 
//IE 
errorMsg += ("Description: " + error.description + "\n"); 
errorMsg += ("Number: " + error.number + "\n"); 
} 
alert(errorMsg); 
} 
finally 
{ 
//alert("End try catch.message from finally block."); 
} 
</script>

Error.message是IE和FireFox都支持的属性。
IE支持description 和 number属性。
FF支持fileName lineNumber 和 stack 属性。
由于Javascript是弱类型的语言。
所以在catch部分只能catch一次,不能像C#这样的语言可以写多个catch,catch不同类型的exception。
但是可以用 instanceof ErrorType的方式实现类似的功能。
如:

<script type="text/javascript"> 
try 
{ //Syntax Error 
//eval("alert a"); //Custom Error 
throw new Error("An error occured."); 
} 
catch(error) 
{ 
if(error instanceof SyntaxError) 
{ 
alert("Syntax Error"); 
} 
else if(error instanceof EvalError) 
{ 
alert("Eval Error"); 
} 
else if(error instanceof RangeError) 
{ 
alert("Range Error"); 
} 
else if(error instanceof ReferenceError) 
{ 
alert("Reference Error"); 
} 
else if(error instanceof TypeError) 
{ 
alert("Type Error"); 
} 
else if(error instanceof Error) 
{ 
alert("Custon Error"); 
} 
alert(error.message); 
} 
</script>

注:浏览器不会抛出Error类型的exception异常,所以如果捕获到Error类型的异常,可以确定这个异常是用户代码抛出的,不是浏览器抛出的。
Javascript的assert()

function assert(bCondition, sErrorMsg) { 
 if (!bCondition) { 

 
 alert(sErrorMsg); 

 
 throw new Error(sErrorMsg); 

 } 
}
Javascript 相关文章推荐
jquery remove方法应用详解
Nov 22 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
js实现精确到秒的倒计时效果
May 29 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
改变vue请求过来的数据中的某一项值的方法(详解)
Mar 08 Javascript
JS实现的3des+base64加密解密算法完整示例
May 18 Javascript
webpack手动配置React开发环境的步骤
Jul 02 Javascript
浅谈Vue数据响应
Nov 05 Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
JavaScript中作用域链的概念及用途讲解
Aug 06 Javascript
分享8个JavaScript库可更好地处理本地存储
Oct 12 Javascript
Javascript 学习书 推荐
Jun 13 #Javascript
javascript 框架小结 个人工作经验
Jun 13 #Javascript
动态刷新 dorado树的js代码
Jun 12 #Javascript
firefo xml 读写实现js代码
Jun 11 #Javascript
犀利的js 函数集合
Jun 11 #Javascript
js 操作css实现代码
Jun 11 #Javascript
图片连续滚动代码[兼容IE/firefox]
Jun 11 #Javascript
You might like
深入PHP curl参数的详解
2013/06/17 PHP
PHP函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
php的sso单点登录实现方法
2015/01/08 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
PHP递归实现文件夹的复制、删除、查看大小操作示例
2017/08/11 PHP
php实现微信支付之企业付款
2018/05/30 PHP
smarty模板的使用方法实例分析
2019/09/18 PHP
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
php与js的区别是什么
2013/08/05 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
深入理解vue路由的使用
2017/03/24 Javascript
JavaScript生成指定范围随机数和随机序列的方法
2018/05/05 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
[06:53]DOTA2每周TOP10 精彩击杀集锦vol.3
2014/06/25 DOTA
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
python中print()函数的“,”与java中System.out.print()函数中的“+”功能详解
2017/11/24 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
Python高级特性切片(Slice)操作详解
2018/09/27 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
Python爬虫:url中带字典列表参数的编码转换方法
2019/08/21 Python
python中pow函数用法及功能说明
2020/12/04 Python
为世界各地的女性设计和生产时尚服装:ROMWE
2016/09/17 全球购物
找到不普通的东西:Bonanza
2016/10/20 全球购物
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
工程现场管理求职自荐信
2013/10/02 职场文书
演讲稿格式
2014/04/30 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
三好学生评语大全
2014/12/29 职场文书
大学生活委员竞选稿
2015/11/21 职场文书
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js
人物搭配车车超萌联名预备中 【咒术迴战】 ⨯ 【天竺鼠车车】 展开合作
2022/04/11 日漫