1. 程式人生 > >js中的異常處理try...catch使用介紹

js中的異常處理try...catch使用介紹

在JavaScript可以使用try...catch來進行異常處理。例如: 
複製程式碼程式碼如下:
try { foo.bar();} catch (e) { alert(e.name + ": " + e.message);} 

目前我們可能得到的系統異常主要包含以下6種: 

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("異常資訊"); 

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

複製程式碼程式碼如下:
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()); // 使用本地格式顯示當前時間 }