错误处理

Posted 2020-10-28 Zina

try-catch语句

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

如果try块中的任何代码发生了错误，就会立即退出代码执行过程，然后接着执行catch块。此时，catch块会接收到一个包含错误信息到对象。与其他语言中不同到是，
即使你不想使用这个错误对象，也要给他起个名字。

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

 

finally

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

只要代码中包含finally子句，那么无论try还是catch语句块中的return语句都将被忽略。因此，在使用finally子句之前，一定要非常清楚你想让代码怎么样。

错误类型
ECMA-262定义了7种错误类型: Error, EvalError, RangeError, ReferenceError, SyntaxError, TypeError, URIError
1)、Error
Error是基类型，其他错误类型都继承自该类型，Error类型都错误很少见，如果有也是浏览器抛出的；这个基类型的主要目的是提供开发人员抛出自定义错误
2)、EvalError

new eval(); //TypeError: eval is not a constructor

EvalError不再会被javascript抛出，但是EvalError对象仍然保持兼容性.有鉴于此，加上实际开发中很少使用eval(),所以遇到这种错误类型的可能性极小。
3)、RangeError

var items1 = new Array(-20); // RangeError: Invalid array length
var items2 = new Array(Number.MAX_VALUE); //RangeError: Invalid array length

RangeError类型的错误会在数值超出相应范围触发。例如，在定义数组是，指定了数组不支持的项数
4)、ReferenceError

var obj = x; //ReferenceError: x is not defined
eval = foo; // ReferenceError: foo is not defined

在找不到对象的情况下，会发生ReferenceError，通常，在访问不存在的变量时，就会发生这种错误
5)、SyntaxError

eval(‘a ++ b‘); //SyntaxError: Unexpected identifier

当我们把语法错误的js字符传入eval()函数时，就会导致此类错误。如果语法错误的代码出现在eval()函数之外，则不太可能使用SyntaxError。
6)、TypeError

var o = new 10; //TypeError: 10 is not a constructor
console.log(‘name‘ is true); //TypeError: Cannot use ‘in‘ operator to search for ‘name‘ in true
Function.prototype.toString.call(‘name‘); //TypeError: Function.prototype.toString requires that ‘this‘ be a Function

TypeError类型在js中会经常用到，在变量中保存着意外的类型，或者访问不存在的方法时，都会导致这种错误，错误的原因多种多样，但归根结底还是由于在执行
特定类型的操作时，变量的类型并不符合要求所致。
7)、URIError
在使用encodeURI()或decodeURI(),而URI格式不正确时，就是导致URIError错误。这种错误也很少见，因为前面说的这个两个函数的容错性非常高。

8)、要想知道错误的类型，可以像下面这样处理

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

9)、合理使用try-catch
使用try-catch最适合处理那些我们无法控制的错误。假设你在使用大型js库中的函数，该函数可能会有意无意地抛出一些错误。由于我们不能修改这个库的源代码，所以大可
将该函数的调用放在try-catch语句当中，万一有什么错误时，也好恰当地处理
在明明白白地知道自己地代码会发生错误，再使用try-catch语句就不太合适了。例如，如果传递给函数地参数时字符串而非树枝，就会造成函数出错，那么就应该检查参数地类型，
然后再决定如何去做。

抛出错误
在遇到throw操作符时，代码会立即停止执行。仅当有try-catch语句捕获被抛出的值时，代码才会继续执行

function process(values){
    values.sort();
    for(var i=0; i<values.length; i<len; i++){
        if(values[i] > 100){
            return values[i];
        }
    }
    return -1;
}

如果执行这个函数时传给它一个字符串参数，那么对sort()对调用就会失败。对此，不同对浏览器会给出不同对错误消息，但都不是特别明确。这个情况下，带有适当的
自定义错误能够显著提升代码的可维护性。

function process(values){
    if(!(values instanceof Array)){
        throw new Error("process(): Argument must be an array");
    }
    values.sort();
    for(var i=0; i<values.length; i<len; i++){
        if(values[i] > 100){
            return values[i];
        }
    }
    return -1;
} 

建议读者在开发javascript代码的过程中，重点关注函数和可能导致函数执行失败的因素。良好的错误处理机制应该可以确保代码中只发生你自己抛出的错误。

 

error事件
任何没有通过try-catch处理的错误都会触发window对象的error事件。这个事件时web浏览器最早支持的事件之一。

window.onerror = function(message, url, line){
    console.log(message);
}

只要发生错误，无论是不是浏览器生成的，都会触发error事件，并执行这个事件处理程序。