先了解下JS下面經常遇到的異常型別，大概分類有如下幾種異常

• EvalError: raised when an error occurs executing code in eval()
• RangeError: raised when a numeric variable or parameter is outside of its valid range
• ReferenceError: raised when de-referencing an invalid reference
• SyntaxError: raised when a syntax error occurs while parsing code in eval()
• TypeError: raised when a variable or parameter is not a valid type
• URIError: raised when encodeURI() or decodeURI() are passed invalid parameters

上面的六種異常物件都繼承自Error物件。

他們都支援以下兩種構造方法: new Error();
new Error(“異常資訊”);

在JavaScript可以使用try…catch來進行異常處理。

例如：

try {
    foo.bar();
} catch (e) {
    alert(e.name + “: ” + e.message);
}
 

手工丟擲異常的方法如下：

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

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()); // 使用本地格式顯示當前時間

}