JavaScript高級(jí)應(yīng)用：錯(cuò)誤處理

文成Y 2005-12-19

展開全文

　程序開發(fā)中，編程人員經(jīng)常要面對(duì)的是如何編寫代碼來響應(yīng)錯(cuò)誤事件的發(fā)生，即例外處理（exception handlers）。如果例外處理代碼設(shè)計(jì)得周全，那么最終呈現(xiàn)給用戶的就將是一個(gè)友好的界面。否則，就會(huì)讓訪問者對(duì)莫名的現(xiàn)象感到真正的“意外”。本文就將為你介紹Web開發(fā)中JavaScript語言的例外處理技術(shù)。

　　一、什么是例外處理

　　當(dāng)JavaScript程序在運(yùn)行中發(fā)生了諸如數(shù)組索引越界、類型不匹配或者語法錯(cuò)誤時(shí)，JavaScript解釋器就會(huì)引發(fā)例外處理。ECMAScript定義了六種類型的錯(cuò)誤，除此之外，我們可以使用Error對(duì)象和throw語句來創(chuàng)建并引發(fā)自定義的例外處理信息。

　　二、例外處理技術(shù)的優(yōu)點(diǎn)

　　通過運(yùn)用例外處理技術(shù)，我們可以實(shí)現(xiàn)用結(jié)構(gòu)化的方式來響應(yīng)錯(cuò)誤事件的發(fā)生，讓例外處理代碼與正常腳本代碼科學(xué)分離，最終使我們能夠集中精力編寫完成主要功能的核心程序。

　　三、使用 try…catch…finally 執(zhí)行例外處理

　　在JavaScript中，我們使用try…catch…finally語句來執(zhí)行例外處理，即通過它來捕捉錯(cuò)誤發(fā)生后導(dǎo)致的例外或者執(zhí)行throw語句產(chǎn)生的例外。它的基本語法如下：

　try {
　　 // 此處是可能產(chǎn)生例外的語句
　　 } catch(error) {
　　 // 此處是負(fù)責(zé)例外處理的語句
　　 } finally {
　　 // 此處是出口語句
　　 }

　　上述代碼中，try塊中的語句首先被執(zhí)行。如果運(yùn)行中發(fā)生了錯(cuò)誤，控制就會(huì)轉(zhuǎn)移到位于catch塊中語句，其中括號(hào)中的error參數(shù)被作為例外變量傳遞。否則，catch塊的語句被跳過不執(zhí)行。無論是發(fā)生錯(cuò)誤時(shí)catch塊中的語句執(zhí)行完畢，或者沒有發(fā)生錯(cuò)誤try塊中的語句執(zhí)行完畢，最后將執(zhí)行finally塊中的語句。
下面我們來看一個(gè)例子：

　　<script language="javascript">
　　 try {
　　　　 document.writeln("開始執(zhí)行try塊語句 ---> ")
　　　　 document.writeln("還沒有發(fā)生例外 ---> ")
　　　　alert(eval(prompt("輸入一個(gè)值：","")))
　　 } catch(err) {
　　　　document.writeln("捕捉到例外，開始執(zhí)行catch塊語句 --->");
　　　　document.writeln("錯(cuò)誤名稱: " + err.name+" ---> ");
　　　　document.writeln("錯(cuò)誤信息: " + err.message+" ---> ");
　　 } finally {
　　　　document.writeln("開始執(zhí)行finally塊語句")
　　 }
　　 </script>

　　在瀏覽器中執(zhí)行上述代碼后，首先顯示輸入對(duì)話框：

16

　　我們輸入abc，然后確定，輸出結(jié)果如下：

　　“開始執(zhí)行try塊語句 ---> 還沒有發(fā)生例外 ---> 捕捉到例外，開始執(zhí)行catch塊語句 ---> 錯(cuò)誤名稱: TypeError ---> 錯(cuò)誤信息: ‘a(chǎn)bc‘ 未定義 ---> 開始執(zhí)行finally塊語句”

　　上述例程以try塊語句開始，當(dāng)輸出信息“還沒有發(fā)生例外”后，彈出輸入對(duì)話框，要求用戶輸入一個(gè)數(shù)值，當(dāng)我們輸入非法的信息"abc"后，就引發(fā)了一個(gè)例外，所以剩下的try塊中的語句將被跳過而開始執(zhí)行catch塊語句。Catch塊開始的err參數(shù)作為這個(gè)例外的錯(cuò)誤對(duì)象，它具有name和message兩個(gè)屬性。最后，執(zhí)行finally塊的語句。

　　下面我們?cè)俅芜\(yùn)行這段代碼，并輸入一個(gè)正確的數(shù)值123：

17

　　你會(huì)看到如下的結(jié)果：

18

　　我們看到，由于沒有錯(cuò)誤發(fā)生，當(dāng)try塊的語句執(zhí)行完畢后，catch塊語句被跳過，出現(xiàn)一個(gè)窗口顯示輸入的數(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)移到整個(gè)try…catch結(jié)構(gòu)后面的語句。請(qǐng)看下面的例子：

　　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ā)生例外時(shí)，由于沒有catch塊語句來捕捉錯(cuò)誤，所以最終finally塊的語句也不會(huì)被執(zhí)行。因此，這種結(jié)構(gòu)在實(shí)際應(yīng)用中很少見。

　　五、例外的表現(xiàn)形式：Error對(duì)象

　　在JavaScript，例外是作為Error對(duì)象出現(xiàn)的。Error對(duì)象有兩個(gè)屬性：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")
　　 }
　　 }

　　上面的代碼將對(duì)用戶輸入的內(nèi)容進(jìn)行表達(dá)式求值，然后顯示出來。如果在求值過程中發(fā)生了SyntaxErroe類型錯(cuò)誤，那么就會(huì)顯示給用戶“Invalid expression”的信息；否則，用戶得到信息“Cannot evaluate”。

　　Error.name的取值一共有六種，如下：

　　EvalError：eval()的使用與定義不一致
　　 RangeError：數(shù)值越界
　　 ReferenceError：非法或不能識(shí)別的引用數(shù)值
　　 SyntaxError：發(fā)生語法解析錯(cuò)誤
　　 TypeError：操作數(shù)類型錯(cuò)誤
　　 URIError：URI處理函數(shù)使用不當(dāng)

六、定制例外信息

　　上述的六種Error類型基本上覆蓋了腳本程序運(yùn)行時(shí)所可能發(fā)生的錯(cuò)誤。除了這些類型以外，我們還可以使用Error構(gòu)造器來自定義例外類型，其語法如下：

　　myError = new Error(msg)

　　其中msg參數(shù)表示所定義的新例外的message屬性值。同時(shí)，我們還可以創(chuàng)建新的對(duì)象類型以作為Error的子類型：

　　function MyError(msg) {
　　 this.name = "MyError"
　　 this.message = msg
　　 }
　　 MyError.prototype = new Error;

　　然后，我們就可以創(chuàng)建自定義錯(cuò)誤子類的實(shí)例：

　　myError = new MyError("My error message")

　　七、觸發(fā)例外

　　創(chuàng)建一個(gè)Error對(duì)象后，就可以使用throw語句來觸發(fā)相應(yīng)的例外。Throw的語法如下：

　　throw errObj

　　errObj必須是一個(gè)Error對(duì)象或者Error的子類型。在try塊代碼中觸發(fā)一個(gè)例外后，控制將直接轉(zhuǎn)入catch塊。

　　下面的代碼中，在try塊中觸發(fā)了一個(gè)例外，設(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)

　　運(yùn)行后出現(xiàn)如下的提示框：

18

　　編寫代碼來觸發(fā)例外的優(yōu)點(diǎn)很多，比如有利于自定義錯(cuò)誤類型，快速轉(zhuǎn)入catch塊執(zhí)行，以及下面要介紹的在嵌套例外中將錯(cuò)誤傳遞到外層。

八、嵌套例外處理

　　JavaScript支持多層次的嵌套例外處理。一般情況下，我們可以在內(nèi)部例外處理的catch代碼塊中捕捉并處理錯(cuò)誤，然后再次觸發(fā)例外，這樣就可進(jìn)一步在外部例外處理的catch代碼塊中做更加深入的處理。下面來看看一個(gè)嵌套例外處理的例子：

　　var inner;
　　 var outer;
　　 try {
　　　　 document.writeln("Beginning outer try block, no exceptions yet");
　　 try{
　　　　 document.writeln("Beginning inner try block, no exceptions yet");
　　　　 // 生成一個(gè)引用錯(cuò)誤
　　　　 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

　　嵌套例外處理的好處在于使我們能夠很好地分階段處理錯(cuò)誤，內(nèi)部例外處理可以負(fù)責(zé)解決由錯(cuò)誤引發(fā)的腳本代碼問題，外部例外處理則用于負(fù)責(zé)提供給用戶的反饋信息或者對(duì)例外信息進(jìn)行日志記錄。

　　九、結(jié)語

　　本文詳細(xì)討論了JavaScript語言的一個(gè)很重要的特征“例外處理”，Web開發(fā)人員應(yīng)該很好地掌握它并在實(shí)際應(yīng)用中靈活處理，從而使包含腳本代碼的HTML頁面真正地不出例外、善解人意。

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：文成Y > 《error》

舉報(bào)/認(rèn)領(lǐng)