十七.错误处理

17.1 错误类型：Error 是基类型，其他错误类型都继承自该类型。

 Error ：基类型
 EvalError ：在使用 eval()函数而发生异常时被抛出，也可能会抛出 TypeError
 RangeError ：在数值超出相应范围时触发
 ReferenceError ：在访问不存在的变量时，就会发生这种错误
 SyntaxError ：把语法错误的 JavaScript 字符串传入 eval()函数会导致 JavaScript 代码立即停止执行
 TypeError ：在变量中保存着意外的类型时，或者在访问不存在的方法时，都会导致这种错误
 URIError ：在使用 encodeURI()或 decodeURI()，而 URI 格式不正确时，就会导致 URIError 错误

new eval(); //抛出 EvalError  ；
eval = foo; //抛出 EvalError ；
var items1 = new Array(-20); //抛出 RangeError 
var items2 = new Array(Number.MAX_VALUE); //抛出 RangeError 
var obj = x; //在 x 并未声明的情况下抛出 ReferenceError 
eval("a ++ b"); //抛出 SyntaxError 
var o = new 10; //抛出 TypeError 
alert("name" in true); //抛出 TypeError 
Function.prototype.toString.call("name"); //抛出 TypeError 
//合理使用try-catch
try { 
 someFunction(); 
} catch (error){ 
 if (error instanceof TypeError){ 
 //处理类型错误
 } else if (error instanceof ReferenceError){ 
 //处理引用错误
 } else { 
 //处理其他类型的错误
 } 
} 

17.2 抛出错误：与 try-catch 语句相配的还有一个 throw 操作符，用于随时抛出自定义错误。抛出错误时，必须要给 throw 操作符指定一个值，这个值是什么类型，没有要求。

//自定义错误类型
function CustomError(message){ 
 this.name = "CustomError"; 
 this.message = message; 
} 
CustomError.prototype = new Error(); 
throw new CustomError("My message"); 

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

window.onerror = function(message, url, line){ 
    alert(message); 
    return false;
}; 

var image = new Image(); 
EventUtil.addHandler(image, "load", function(event){ 
 alert("Image loaded!"); 
}); 
EventUtil.addHandler(image, "error", function(event){ 
 alert("Image not loaded!"); 
});
image.src = "smilex.gif"; //指定不存在的文件

17.4 常见的错误类型

1. 类型转换错误

//未使用过的命名变量会自动被赋予 undefined 值,而 undefined 值可以被转换成布尔值 false,因此这个函数中的 if 语句实际上只适用于提供了第三个参数的情况。假设第三个参数是数值 0，那么 if 语句的测试就会失败，而对数值 1 的测试则会通过。
function concat(str1, str2, str3){ 
 var result = str1 + str2; 
 if (str3){ //绝对不要这样!!!
 result += str3; 
 } 
 return result; 
} 
//重写
function concat(str1, str2, str3){ 
 var result = str1 + str2; 
 if (typeof str3 == "string"){ //恰当的比较
 result += str3; 
 } 
 return result; 
} 

2. 数据转换错误

//不安全的函数，任何非字符串值都会导致错误
function getQueryString(url){ 
 var pos = url.indexOf("?"); 
 if (pos > -1){ 
 return url.substring(pos +1); 
 } 
 return ""; 
} 
//重写
function getQueryString(url){ 
 if (typeof url == "string"){ //通过检查类型确保安全
 var pos = url.indexOf("?"); 
 if (pos > -1){ 
 return url.substring(pos +1); 
 } 
 } 
 return ""; 
} 
//不安全的函数，任何非数组值都会导致错误，与 null 进行比较只能确保相应的值不是 null 和 undefined（这就相当于使用相等和不相等操作）。要确保传入的值有效，仅检测 null 值是不够的；因此，不应该使用这种技术。同样，我们也不推荐将某个值与 undefined 作比较
function reverseSort(values){ 
 if (values != null){ //绝对不要这样!!! 
 values.sort(); 
 values.reverse(); 
 } 
} 
//重写
//安全，非数组值将被忽略
function reverseSort(values){ 
 if (values instanceof Array){ //问题解决了
 values.sort(); 
 values.reverse(); 
 } 
} 

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

function addQueryStringArg(url, name, value){ 
 if (url.indexOf("?") == -1){ 
 url += "?"; 
 } else { 
 url += "&"; 
 } 
 url += encodeURIComponent(name) + "=" + encodeURIComponent(value); 
 return url; 
} 

for (var i=0, len=mods.length; i < len; i++){ 
 try { 
 mods[i].init(); 
 } catch (ex) { 
 //在这里处理错误
 } 
} 

17.5 把错误记录到服务器

//首先需要在服务器上创建一个页面log.php,在这里，一旦模块初始化失败，就会调用 logError()。第一个参数是"nonfatal"（非致命），表示错误的严重程度。第二个参数是上下文信息加上真正的 JavaScript 错误消息。
function logError(sev, msg){ 
 var img = new Image(); 
 img.src = "log.php?sev=" + encodeURIComponent(sev) + "&msg=" + 
 encodeURIComponent(msg); 
} 
//调用
for (var i=0, len=mods.length; i < len; i++){ 
 try { 
 mods[i].init(); 
 } catch (ex){ 
 logError("nonfatal", "Module init failed: " + ex.message); 
 } 
}