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);
}
}