Javascript错误处理与调试

错误处理

1 try-catch语句

ECMA-262第3版引入了try-catch语句，作为Javascript中处理异常的一种标准方式，基本的语句如下:

    try{
        // 可能发生错误的代码
    }chatch(error){
        // 在错误发生时怎么处理
    }

如果try块中的任何代码发生了错误，就会立即退出代码执行过程，然后接着执行catch块。此时，catch块会收到一个包含错误信息的对象。这个对象中包含的实际信息会因为浏览器不同而不同，但共同的是有一个保存错误消息的message属性。因此，在发生错误时，就可以像下面这样实事求是的显示浏览器的给出的信息:

    try{
        window.someNonexistentFunction();
    }catch(error){
        alert(error.message);
    }    

2 finally子句

虽然在try-catch中是可选的，但是finally子句一经使用，其代码无论如何都会执行。try语句中的代码全部正常执行，finally子句会执行；如果因为出错而执行了catch子句中的代码，finally子句照样还是会执行。只要代码中包含finally子句，则无论try或catch语句块中的代码，甚至return语句，都不会阻止finally子句的执行:

    function testFinally(){
        try{
            return 2;
        }catch(error){
            return 1;
        }finally{
            return 0;
        }
    }

错误类型

执行代码期间可能会发生的错误有多种类型。当错误发生时，就会抛出相应类型的错误信息，ECMA-262定义了下列7种错误类型:

• Error
• EvalError
• RangeError
• ReferenceError
• SyntaxError
• TypeError
• URIError

其中，Error是基类性，其他错误类型都继承自该类型。Error类型的错误很少见，如果有也是浏览器抛出的，这个基类的主要目的是提供开发人员抛出自定义异常。
EvalError类型的错误会在使用eval()函数的而发生异常时被抛出。如果没有把eval()当成函数调用，就会抛出错误。
RangeError类型的错误会在数值超出相应范围时触发。
ReferenceError类型的错误会在找不到对象的情况下发生，通常在访问不存在的变量时，就会发生这种错误。
SyntaxError类型的错误当我们把语法错误的Javascript字符串传入eval()函数时，就会导致此类错误。
TypeError类型的错误在变量中保存着意外的类型，或者在访问不存在的方法时，都会导致这种错误。
URIError类型的错误在使用encodeURI()或decodeURI()，而URI格式不正确时，就会导致URIError错误。
利用不同函数的错误类型，可以获悉更多有关异常的信息，可以像下面这样在try-catch语句的catch语句中使用instanceof操作符:

    try{
        someFunction();
    }catch(error){
        if(error instanceof TypeError){
            //处理类型错误
        }else if(error instanceof ReferenceError){
            //处理引用错误
        }else{
            //处理其他类型的错误
        }
    }

在跨浏览器编程中，检查错误类型是确定处理方式的最简便途径；包含在message属性中的错误消息会因浏览器而异。