日历归档 |
|
<< < 2024 - 11 > >> | Su | Mo | Tu | We | Th | Fr | Sa | | | | | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |
|
|
|
About Me |
|
|
ZhangSichu |
|
Male |
|
32 |
|
ZhangSichu@gmail.com |
|
ZhangSichu@hotmail.com |
|
ZhangSichu.com |
|
weibo.com/zhangsichu |
|
|
|
个人推荐 |
|
|
|
|
分类归档 |
|
|
|
|
My Friends |
|
|
|
|
Javascript中的错误处理
|
Javascript中的错误处理有两种方法: 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类型的异常,可以确定这个异常是用户代码抛出的,不是浏览器抛出的。
|
|
|
|
|
|