javascript中的异常处理

简介:
问题:
    希望在用户视图之外处理脚本错误(异常),避免浏览器向用户报告错误信息。

解决方案:
    一种quick-and-dirty(快餐式?),向后兼容的方式是:将下面的代码置于页面的<head></head>节内:
     function  doNothing(){  return   true ; }
    window.onerror 
=  doNothing; 
    这样不会阻止编译期的脚本错误(例如页面加载时解释器发现的语法错误),也不会向你透露代码的何处潜伏着错误。所以只有你的代码经过了充分的测试后才使用这种方法,在测试的时候,要把这些代码去掉。

    在IE5和Netscape6及它们的后续版本中,你可以使用更多的错误(异常)处理方式。为防止早期的浏览器执行这些特殊的脚本时失败,将这些语句所在的<script>标签的language属性设置为JavaScript1.5(language="JavaScript1.5")。
    将可能导致或抛出异常的语句封装在一个try...catch...finally结构中。先执行try块中的语句,其中包含可能发生异常的代码,如果发生异常,则执行catch块中的代码,而不管是否发生异常,最后会无条件执行finally块的语句:
     < script language = " javascript1.5 " >
        
try
        {
            
// tryStatements
        }
        
catch (ex)
        {
            
// catchStatements;
        }
        
finally
        {
            
// finallyStatements;
        }
    
</ script >

    每个被抛出的异常都会产生一个Error对象的实例,该对象的引用可以作为catch子句的参数,如上面代码的ex参数,catch子句中的语句可以查看该对象的属性以获得更多信息。到目前为止,在ECMAScript标准中只有两个属性得到正式认可,即message和name。一些浏览器则实现了更多的属性:
   
属性
IE的支持  NN的支持  描述
description
5
n/a
异常的描述信息
fileName n/a
抛出异常的脚本所在文件的URI 
lineNumber
n/a
6
抛出异常的代码的行号
message
5.5
6
异常的描述信息(ECMA)
name
5.5
6
异常类型(ECMA)
number
5
n/a
IE独有的异常代号

    比如,我们可以写这样一段代码:
     try
    {
        colors[
2 =   " red " ;
    }
    
catch (e)
    {

        alert( " An exception occured in the script.Error name:  "   +  e.name
            
+   " .Error message:  "   +  e.message);
    }
    要访问colors索引为2的元素,会引发一个异常:colors is not defined。catch块中的语句会告诉用户一些简单的信息。这看起来不错,可以用这种方法给用户显示一些比较友好的信息。
    
    等等,还要注意,这里的catch语句会捕捉 所有类型的异常。想想在C#中,我们需要尽量避免捕获通用的Exception类型的异常,因为它太通用了,我们有时还希望能针对不同类型的异常采取不同的应对方法。这里也是一样,幸运的是,JavaScript中也有一些特定类型的异常。比如,对于上面代码引发的异常,我们可以这么写:
     try
    {
        colors[
2 =   " red " ;
    }
    
catch (e)
    {
        
if (e  instanceof  TypeError)
        {
            alert(
" An exception occured in the script.Error name:  "   +  e.name
                
+   " .Error message:  "   +  e.message);
        }
    }
    在捕获异常后,会进行异常类型的判断,只处理TypeError类型的异常,其他类型的则忽略。
    JavaScript中共有六种基本的异常类型:
  • EvalError   : 在错误的调用eval()函数时引发;
  • RangeError  : 在一个数字型变量的值超出了其范围时引发;
  • ReferenceError : 在使用一个无效的引用时引发;
  • SyntaxError : 在解析JavaScript代码时其中的语法错误引发;
  • TypeError   : 遇到一个意外的类型时引发;
  • URIError    :  错误地使用encodeURI()或decodeURI()函数时引发。
    下面的代码演示了嵌套的异常处理的流程:
     try
    {
        print(
" Outer try running.. " );
        
try
        {
            print(
" Nested try running ..." );
            
throw   " an error " ;
        }
        
catch (e)
        {
            print(
" Nested catch caught  "   +  e);
            
throw  e  +   "  re-thrown " ;
        }
        
finally
        {
            print(
" Nested finally is running... " );
        }   
    }
    
catch (ex)
    {
        print(
" Outer catch caught  "   +  ex);
    }
    
finally
    {
        print(
" Outer finally running " );
    }
    
    
function  print(s)
    {
        document.write(s);
    }
    这里使用throw语句抛出一个异常,throw语句可以抛出任意对象。
    输出结果为:
     Outer try running.. 
    Nested try running... 
    Nested catch caught an error 
    Nested finally is running... 
    Outer catch caught an error re-thrown 
    Outer finally running


    异常的信息不要让用户看到。使用message属性来决定如何处理异常。
    也可以在脚本中有意识地抛出异常建立自己的异常处理机制。看下面的示例:
     function  processNumber(inputField)
    {
        
try
        {
            
var  inpVal  =  parseInt(inputField.value,  10 );
            
if (isNaN(inpVal))
            {
                
var  msg  =   " Please enter a number! " ;
                
var  err  =   new  Error(msg);
                
if ( ! err.message)
                {
                    err.message 
=  msg;
                }
                
throw  err;
            }
        }
        
catch (e)
        {
            alert(e.message);
            inputField.focus();
            inputField.select();
        }
    }

    在try块中检测表单域的值,如果不合要求,则抛出自定义异常,catch块会捕获该异常,在这里进行相应的处理。


本文转自一个程序员的自省博客园博客,原文链接:http://www.cnblogs.com/anderslly/archive/2006/10/15/javascriptexception.html,如需转载请自行联系原作者。

目录
相关文章
|
6月前
|
JavaScript 前端开发 数据库连接
js的异常程序处理机制
js的异常程序处理机制
39 0
|
6月前
|
JSON JavaScript 前端开发
抓住异常,解救你的代码世界:你应该了解的 JavaScript 异常类型
抓住异常,解救你的代码世界:你应该了解的 JavaScript 异常类型
|
3月前
|
存储 前端开发 JavaScript
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
|
3月前
|
JavaScript 前端开发 UED
探秘 JavaScript 错误背后的真相——揭开异常类型的神秘面纱,让你的代码从此无懈可击!
【8月更文挑战第23天】本文深入探讨了JavaScript中常见的异常类型,包括`ReferenceError`(未定义的引用)、`TypeError`(类型错误)、`SyntaxError`(语法错误)、`RangeError`(范围错误)、`EvalError`(评估错误)以及`URIError`(URI错误),并通过示例展示了如何有效地诊断与处理这些异常。此外,还介绍了如何自定义错误类以适应特定场景的需求。掌握这些异常处理技巧对于构建稳定可靠的Web应用程序至关重要。
38 0
|
3月前
|
设计模式 前端开发 JavaScript
javascript 异常问题之Promise的未处理异常如何捕获
javascript 异常问题之Promise的未处理异常如何捕获
|
3月前
|
监控 前端开发 JavaScript
javascript 异常问题之在JavaScript中,Promise的异常如何处理
javascript 异常问题之在JavaScript中,Promise的异常如何处理
|
3月前
|
前端开发 JavaScript
javascript 异常问题之Promise异常如何捕获
javascript 异常问题之Promise异常如何捕获
|
3月前
|
JavaScript 前端开发
javascript 异常问题之JavaScript中的异常有哪些类型,可以举例说明吗
javascript 异常问题之JavaScript中的异常有哪些类型,可以举例说明吗
|
4月前
|
JavaScript CDN
js 捕获异常
js 捕获异常
29 1
|
4月前
|
测试技术 API Android开发
autox.js如何监听异常情况,比如网络中断、内存慢、应用死机或者页面无响应
autox.js如何监听异常情况,比如网络中断、内存慢、应用死机或者页面无响应