很多來(lái)到腳本之家都是想直接知道怎么用的，這里先直接給出常用容錯(cuò)代碼。
第一種：腳本之家自己也在用的


更多可以參考javascript 容錯(cuò)處理代碼(屏蔽js錯(cuò)誤)

如果更詳細(xì)的介紹可以繼續(xù)往下看。
如果例外處理代碼設(shè)計(jì)得周全，那么最終呈現(xiàn)給用戶(hù)的就將是一個(gè)友好的界面。否則，就會(huì)讓訪問(wèn)者對(duì)莫名的現(xiàn)象感到真正的“意外”。本文就將為你介紹Web開(kāi)發(fā)中JavaScript語(yǔ)言的例外處理技術(shù)。

　　一、什么是例外處理

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

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

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


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

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

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

　　下面我們來(lái)看一個(gè)例子：

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

　　我們輸入abc，然后確定，輸出結(jié)果如下：
　
　　“開(kāi)始執(zhí)行try塊語(yǔ)句 ---> 還沒(méi)有發(fā)生例外 ---> 捕捉到例外，開(kāi)始執(zhí)行catch塊語(yǔ)句 ---> 錯(cuò)誤名稱(chēng): TypeError ---> 錯(cuò)誤信息: 'abc' 未定義 ---> 開(kāi)始執(zhí)行finally塊語(yǔ)句”

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

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

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

　　我們看到，由于沒(méi)有錯(cuò)誤發(fā)生，當(dāng)try塊的語(yǔ)句執(zhí)行完畢后，catch塊語(yǔ)句被跳過(guò)，出現(xiàn)一個(gè)窗口顯示輸入的數(shù)值，最后執(zhí)行了finally塊的語(yǔ)句。

四、try...catch...finally的變形

　　try…catch…finally語(yǔ)句有兩種變形應(yīng)用，即try…catch或者try…finally。

　　try…catch這種結(jié)構(gòu)最常見(jiàn)，它的執(zhí)行過(guò)程是：當(dāng)沒(méi)有例外發(fā)生執(zhí)行完畢try塊語(yǔ)句后或者發(fā)生例外執(zhí)行完catch塊語(yǔ)句后，控制將轉(zhuǎn)移到整個(gè)try…catch結(jié)構(gòu)后面的語(yǔ)句。請(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í)，由于沒(méi)有catch塊語(yǔ)句來(lái)捕捉錯(cuò)誤，所以最終finally塊的語(yǔ)句也不會(huì)被執(zhí)行。因此，這種結(jié)構(gòu)在實(shí)際應(yīng)用中很少見(jiàn)。

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

　　在JavaScript，例外是作為Error對(duì)象出現(xiàn)的。Error對(duì)象有兩個(gè)屬性：name屬性表示例外的類(lèi)型，message屬性表示例外的含義。根據(jù)這些屬性的取值，我們可以決定處理例外的方式，比如：

　　function evalText() {
　　try {
　　　　alert(eval(prompt("Enter JavaScript to evaluate:","")))
　　} catch(err) {
　　　　if(err.name == "SyntaxError") alert("Invalid e­xpression")
　　　　else alert("Cannot evaluate")
　　}
　　}

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

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

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

最新評(píng)論