IE、FIrefox、Safari、Chrome、Opera等主流浏览器都有某种向用户报告JavaScript错误的机制,开启浏览器的JavaScript报告功能,可以及时收到错误通知。
开发人员在处理错误的时候可以使用的手段和工具有:
1.try-catch语句
try {
window.someNonexistentFunction();
} catch (error){
alert(error.name); //name属性是保存错误类型
alert(error.message);//massage属性是保存错误消息的
}
这个massage对象是唯一一个能保证所有浏览器都支持的属性。IE添加了与massage属性完全相同的description属性,还添加了保存内部错误数量的number属性。Firefox添加了fileName、lineNumber、和stack属性。Safari添加了line、sourceId和sourceURL属性。但是在跨浏览器编程时最好还是只使用massage属性。
2.finally子句
finally子句一旦使用,其代码无论如何也会执行,如果在try-catch中有返回的值,但是最后finally里也有返回的值,那么只会返回finally里的值,反之,会返回try-catch里的值。
3.错误类型
ECMA-262定义了以下7种错误类型。
Error:基类型,其它错误都继承自该类型。
EvalError:会在使用eval()函数而发生异常时被抛出。
RangeError:会在数值超出相应范围时触发。
ReferenceError:找不到对象时触发。
SyntaxError:把语法错误的js字符串传入eval()函数时触发。
TypeError:变量类型不符合操作时触发。
URIError:在使用encodeURI()或decodeURI()而URI格式不正确时触发。
4.抛出错误
throw操作符用于随时抛出自定义错误,在遇到throw时,代码会立即停止执行,仅当有try-catch语句捕获到被抛出的值时,代码才会继续执行。自定义错误可以和浏览器错误区别对待,想要在几千行代码中查找错误是什么,浏览器的错误消息通常不会告诉的很清楚,这时候带有适当信息的自定义错误就能够提升代码的可维护性。
if (!(values instanceof Array)){ //如果value不是一个数组,就会抛出一个错误
throw new Error("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;
}