程序開發(fā)中，編程人員經(jīng)常要面對的是如何編寫代碼來響應(yīng)錯誤事件的發(fā)生，即例外處理（exception handlers）。如果例外處理代碼設(shè)計得周全，那么最終呈現(xiàn)給用戶的就將是一個友好的界面。否則，就會讓訪問者對莫名的現(xiàn)象感到真正的“意外”。本文就將為你介紹Web開發(fā)中JavaScript語言的例外處理技術(shù)。
一、什么是例外處理
當(dāng)JavaScript程序在運行中發(fā)生了諸如數(shù)組索引越界、類型不匹配或者語法錯誤時，JavaScript解釋器就會引發(fā)例外處理。ECMAScript定義了六種類型的錯誤，除此之外，我們可以使用Error對象和throw語句來創(chuàng)建并引發(fā)自定義的例外處理信息。
二、例外處理技術(shù)的優(yōu)點
通過運用例外處理技術(shù)，我們可以實現(xiàn)用結(jié)構(gòu)化的方式來響應(yīng)錯誤事件的發(fā)生，讓例外處理代碼與正常腳本代碼科學(xué)分離，最終使我們能夠集中精力編寫完成主要功能的核心程序。
三、使用 try…catch…finally 執(zhí)行例外處理
在JavaScript中，我們使用try…catch…finally語句來執(zhí)行例外處理，即通過它來捕捉錯誤發(fā)生后導(dǎo)致的例外或者執(zhí)行throw語句產(chǎn)生的例外。它的基本語法如下：
try {
// 此處是可能產(chǎn)生例外的語句
} catch(error) {
// 此處是負(fù)責(zé)例外處理的語句
} finally {
// 此處是出口語句
}
上述代碼中，try塊中的語句首先被執(zhí)行。如果運行中發(fā)生了錯誤，控制就會轉(zhuǎn)移到位于catch塊中語句，其中括號中的error參數(shù)被作為例外變量傳遞。否則，catch塊的語句被跳過不執(zhí)行。無論是發(fā)生錯誤時catch塊中的語句執(zhí)行完畢，或者沒有發(fā)生錯誤try塊中的語句執(zhí)行完畢，最后將執(zhí)行finally塊中的語句。
下面我們來看一個例子：
<script language="javascript">
try {
document.writeln("開始執(zhí)行try塊語句 ---> ")
document.writeln("還沒有發(fā)生例外 ---> ")
alert(eval(prompt("輸入一個值：","")))
} catch(err) {
document.writeln("捕捉到例外，開始執(zhí)行catch塊語句 --->");
document.writeln("錯誤名稱: " + err.name+" ---> ");
document.writeln("錯誤信息: " + err.message+" ---> ");
} finally {
document.writeln("開始執(zhí)行finally塊語句")
}
</script>
在瀏覽器中執(zhí)行上述代碼后，首先顯示輸入對話框：
16
我們輸入abc，然后確定，輸出結(jié)果如下：
“開始執(zhí)行try塊語句 ---> 還沒有發(fā)生例外 ---> 捕捉到例外，開始執(zhí)行catch塊語句 ---> 錯誤名稱: TypeError ---> 錯誤信息: ‘a(chǎn)bc‘ 未定義 ---> 開始執(zhí)行finally塊語句”
上述例程以try塊語句開始，當(dāng)輸出信息“還沒有發(fā)生例外”后，彈出輸入對話框，要求用戶輸入一個數(shù)值，當(dāng)我們輸入非法的信息"abc"后，就引發(fā)了一個例外，所以剩下的try塊中的語句將被跳過而開始執(zhí)行catch塊語句。Catch塊開始的err參數(shù)作為這個例外的錯誤對象，它具有name和message兩個屬性。最后，執(zhí)行finally塊的語句。
下面我們再次運行這段代碼，并輸入一個正確的數(shù)值123：
17
你會看到如下的結(jié)果：
18
我們看到，由于沒有錯誤發(fā)生，當(dāng)try塊的語句執(zhí)行完畢后，catch塊語句被跳過，出現(xiàn)一個窗口顯示輸入的數(shù)值，最后執(zhí)行了finally塊的語句。
四、try...catch...finally的變形
try…catch…finally語句有兩種變形應(yīng)用，即try…catch或者try…finally。
try…catch這種結(jié)構(gòu)最常見，它的執(zhí)行過程是：當(dāng)沒有例外發(fā)生執(zhí)行完畢try塊語句后或者發(fā)生例外執(zhí)行完catch塊語句后，控制將轉(zhuǎn)移到整個try…catch結(jié)構(gòu)后面的語句。請看下面的例子：
try {
document.writeln("Beginnng the try block")
document.writeln("No exceptions yet")
// Create a syntax error
eval("6 + * 3")
document.writeln("Finished the try block with no exceptions")
} catch(err) {
document.writeln("Exception caught, executing the catch block")
document.writeln("Error name: " + err.name)
document.writeln("Error message: " + err.message)
}
document.writeln("Executing after the try-catch statement")
如果是try…finally結(jié)構(gòu)，那么當(dāng)發(fā)生例外時，由于沒有catch塊語句來捕捉錯誤，所以最終finally塊的語句也不會被執(zhí)行。因此，這種結(jié)構(gòu)在實際應(yīng)用中很少見。
五、例外的表現(xiàn)形式：Error對象
在JavaScript，例外是作為Error對象出現(xiàn)的。Error對象有兩個屬性：name屬性表示例外的類型，message屬性表示例外的含義。根據(jù)這些屬性的取值，我們可以決定處理例外的方式，比如：
function evalText() {
try {
alert(eval(prompt("Enter JavaScript to evaluate:","")))
} catch(err) {
if(err.name == "SyntaxError") alert("Invalid expression")
else alert("Cannot evaluate")
}
}
上面的代碼將對用戶輸入的內(nèi)容進(jìn)行表達(dá)式求值，然后顯示出來。如果在求值過程中發(fā)生了SyntaxErroe類型錯誤，那么就會顯示給用戶“Invalid expression”的信息；否則，用戶得到信息“Cannot evaluate”。
Error.name的取值一共有六種，如下：
EvalError：eval()的使用與定義不一致
RangeError：數(shù)值越界
ReferenceError：非法或不能識別的引用數(shù)值
SyntaxError：發(fā)生語法解析錯誤
TypeError：操作數(shù)類型錯誤
URIError：URI處理函數(shù)使用不當(dāng)
六、定制例外信息
上述的六種Error類型基本上覆蓋了腳本程序運行時所可能發(fā)生的錯誤。除了這些類型以外，我們還可以使用Error構(gòu)造器來自定義例外類型，其語法如下：
myError = new Error(msg)
其中msg參數(shù)表示所定義的新例外的message屬性值。同時，我們還可以創(chuàng)建新的對象類型以作為Error的子類型：
function MyError(msg) {
this.name = "MyError"
this.message = msg
}
MyError.prototype = new Error;
然后，我們就可以創(chuàng)建自定義錯誤子類的實例：
myError = new MyError("My error message")
七、觸發(fā)例外
創(chuàng)建一個Error對象后，就可以使用throw語句來觸發(fā)相應(yīng)的例外。Throw的語法如下：
throw errObj
errObj必須是一個Error對象或者Error的子類型。在try塊代碼中觸發(fā)一個例外后，控制將直接轉(zhuǎn)入catch塊。
下面的代碼中，在try塊中觸發(fā)了一個例外，設(shè)置例外信息為“oops”，然后控制轉(zhuǎn)移到catch塊：
var s
try {
s = "one "
throw new Error("oops")
s += "two"
} catch(err) {
s += err.message
}
s += " three"
alert(s)
運行后出現(xiàn)如下的提示框：
18
編寫代碼來觸發(fā)例外的優(yōu)點很多，比如有利于自定義錯誤類型，快速轉(zhuǎn)入catch塊執(zhí)行，以及下面要介紹的在嵌套例外中將錯誤傳遞到外層。
八、嵌套例外處理
JavaScript支持多層次的嵌套例外處理。一般情況下，我們可以在內(nèi)部例外處理的catch代碼塊中捕捉并處理錯誤，然后再次觸發(fā)例外，這樣就可進(jìn)一步在外部例外處理的catch代碼塊中做更加深入的處理。下面來看看一個嵌套例外處理的例子：
var inner;
var outer;
try {
document.writeln("Beginning outer try block, no exceptions yet");
try{
document.writeln("Beginning inner try block, no exceptions yet");
// 生成一個引用錯誤
document.writeln(undefinedVariable)
document.writeln("Finished inner try block with no exceptions");
} catch(inner) {
// 內(nèi)部例外處理
document.writeln("Exception caught, beginning inner catch block");
document.writeln("Error type: " + inner.name);
document.writeln("Error message: " + inner.message);
throw inner;
document.writeln("No exceptions thrown in inner catch block");
} finally {
document.writeln("Executing inner finally block");
}
document.writeln("Finished outer try block with no exceptions");
} catch(outer) {
// 外部例外處理
document.writeln("Exception caught, beginning outer catch block");
document.writeln("Error type: " + outer.name);
document.writeln("Error message: " + outer.message);
} finally {
document.writeln("Executing outer finally block");
}
執(zhí)行后的輸出結(jié)果如下：
Beginning outer try block, no exceptions yet
Beginning inner try block, no exceptions yet
Exception caught, beginning inner catch block
Error type: ReferenceError
Error message: undefinedVariable is not defined
Executing inner finally block
Exception caught, beginning outer catch block
Error type: ReferenceError
Error message: undefinedVariable is not defined
Executing outer finally block
嵌套例外處理的好處在于使我們能夠很好地分階段處理錯誤，內(nèi)部例外處理可以負(fù)責(zé)解決由錯誤引發(fā)的腳本代碼問題，外部例外處理則用于負(fù)責(zé)提供給用戶的反饋信息或者對例外信息進(jìn)行日志記錄。
九、結(jié)語
本文詳細(xì)討論了JavaScript語言的一個很重要的特征“例外處理”，Web開發(fā)人員應(yīng)該很好地掌握它并在實際應(yīng)用中靈活處理，從而使包含腳本代碼的HTML頁面真正地不出例外、善解人意。
