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类型的异常，可以确定这个异常是用户代码抛出的，不是浏览器抛出的。Javascript的assert()复制代码代码如下:function assert(bCondition, sErrorMsg) { 　　 if (!bCondition) { 　　　　 alert(sErrorMsg); 　　　　 throw new Error(sErrorMsg); 　　 } }

　　推荐阅读

　　javascript 控制图片播放代码

无标题文档 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width>>>详细阅读

本文标题：Javascript 错误处理的几种方法

地址：http://www.17bianji.com/kaifa2/JS/28584.html

1/2 1