JavaScript - 捕獲錯誤
當我們在網上沖浪時,總會看到帶有 runtime 錯誤的 Javascript 警告框,同時會詢問我們“是否進行 debug?”。像這樣的錯誤信息或許對開發人員有用,對用戶則未必。當錯誤發生時,他們往往會選擇離開這個站點。
有兩種在網頁中捕獲錯誤的方法:
使用try...catch語句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用onerror事件。這是用于捕獲錯誤的老式方法。(Netscape 3 以后的版本可用)
注意:chrome、opera 和 safari 瀏覽器不支持 onerror 事件。
在JavaScript可以使用try...catch來進行異常處理。例如:
語法:
目前我們可能得到的系統異常主要包含以下6種:
1、EvalError: raised when an error occurs executing code in eval()
2、RangeError: raised when a numeric variable or parameter is outside of its valid range
3、ReferenceError: raised when de-referencing an invalid reference
4、SyntaxError: raised when a syntax error occurs while parsing code in eval()
5、TypeError: raised when a variable or parameter is not a valid type
6、URIError: raised when encodeURI() or decodeURI() are passed invalid parameters
上面的六種異常對象都繼承自Error對象。他們都支持以下兩種構造方法:
new Error();
new Error("異常信息");
手工拋出異常的方法如下:
try {
throw new Error("Whoops!");
} catch (e) {
alert(e.name + ": " + e.message);
}
如要判斷異常信息的類型,可在catch中進行判斷:
try {
foo.bar();
} catch (e) {
if (e instanceof EvalError) {
alert(e.name + ":" + e.message);
}
else if (e instanceof RangeError) {
alert(e.name + ": " + e.message);
}
//........
}
Error具有下面一些主要屬性:
description: 錯誤描述 (僅IE可用).
fileName: 出錯的文件名 (僅Mozilla可用).
lineNumber: 出錯的行數 (僅Mozilla可用).
message: 錯誤信息 (在IE下同description)
name: 錯誤類型.
number: 錯誤代碼 (僅IE可用).
stack: 像Java中的Stack Trace一樣的錯誤堆棧信息 (僅Mozilla可用).
因此為了更好的了解錯誤信息我們可以將catch部分改為如下形式:
try {
foo.bar();
} catch (e) {
if (browserType != BROWSER_IE) {
alert("name: " + e.name +
"message: " + e.message +
"lineNumber: " + e.lineNumber +
"fileName: " + e.fileName +
"stack: " + e.stack);
}
else {
alert("name: " + e.name +
"errorNumber: " + (e.number & 0xFFFF ) +
"message: " + e.message");
}
}
JavaScript中的throw命令事實上可以拋出任何對象,并且我們可以在catch接受到此對象。例如:
try {
throw new Date(); // 拋出當前時間對象
} catch (e) {
alert(e.toLocaleString()); // 使用本地格式顯示當前時間
}