Javascript高级程序设计第17章(错误处理与调试)

1.try-catch语句

 try{  //可能会导致错误的代码

}catch(error){  //在发生错误时怎么处理

//alert(error.message);

//alert(error.name),例如TypeError

}

与其他语言不同，即使你不想使用这个错误对象，也要给它起个名字

message属性是所有浏览器都支持的属性，它保存着错误消息

finally子句

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

只要代码中包含finally子句，则无论try或catch语句块中包含什么代码----甚至return语句，也不会阻止finally子句的执行

2.错误类型

Error：这个基类型的主要目的是供开发人员抛出自定义错误

ReferenceError：通常在访问不存在的变量时，就会发生这种错误

SyntaxError：顾名思义

TypeError：在变量中保存着意外的类型时，或者在访问不存在的方法。归根到底还是由于在执行特定于类型的操作时，变量的类型并不符合要求所致。

合理使用try-catch：使用try-catch最适合那些我们无法控制的错误。在大型项目中，我们不能修改这个项目的代码，大可将函数的调用放在try-catch语句中。

3.抛出错误

与try-catch语句相配的还有一个throw操作符，用于随时抛出自定义错误。在遇到throw操作符时，代码会立即停止执行。仅当有try-catch语句捕获到被抛出的值时，代码才会继续执行。

抛出错误，我们认为只应该捕获那些你确切地知道该如何处理的错误。捕获错误的目的在于避免浏览器以默认方式处理它们；而抛出错误的目的在于提供错误发生具体原因的消息。

如 throw new Error("some text"); 

可以利用原型链来继承Error来创建自定义错误

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

        process("string");

4.错误事件

①任何没有通过try-catch处理的错误都会触发window对象的error事件。

如果要执行onerror事件处理程序，必须使用DOM0级技术，它没有遵循“DOM2级事件”的标准格式。

它接受三个参数：错误消息、错误所在的URL和行号。只有错误消息最有用

只要发生错误，无论是不是浏览器生成的，都会触发error事件

window.onerror = function(message, url, line){
            alert(message);
            return false;
        };
        throw new Error("Something bad happened.");

return false 这行代码可以阻止浏览器报告错误的默认行为

通过返回false，这个函数实际上就充当了整个文档中的try-catch语句，可以捕获所有无代码处理的运行时错误。这个事件处理程序是避免浏览器报告错误的最后一道防线，理想情况下，只要可能就不应该使用它。只要能够适当地使用try-catch语句，就不会又错误交给浏览器，也就不会触发error事件。

②图像也支持error事件

只要图像的src特性中的URL不能返回可以被识别的图像格式，就会触发error事件。反之，触发onload事件

5.常见的错误类型

①类型转换错误，在if、for、while等流控制语句中使用非布尔值时，最常发生类型转换错误

建议使用全等（===）和不全等（!==）操作符来比较数值，以避免类型转换

②数据类型错误

识别类型对于非对象用typeof，对象用 instanceof

③通信错误

第一种错误通信错误与格式不正确的URL或发送的数据有关。最常见的问题是在数据发送给服务器之前，没有使用encodeURLComponent()对数据进行编码。

对于查询字符串，应该记住必须要使用encodeURLComponent()方法