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


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

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

　　一、什么是例外處理

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

　　二、例外處理技術的優(yōu)點

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


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

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

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

　　下面我們來看一個例子：

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

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

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

　　下面我們再次運行這段代碼，并輸入一個正確的數(shù)值123：

　　你會看到如下的結果：

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

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

　　try…catch…finally語句有兩種變形應用，即try…catch或者try…finally。

　　try…catch這種結構最常見，它的執(zhí)行過程是：當沒有例外發(fā)生執(zhí)行完畢try塊語句后或者發(fā)生例外執(zhí)行完catch塊語句后，控制將轉移到整個try…catch結構后面的語句。請看下面的例子：
　
　　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結構，那么當發(fā)生例外時，由于沒有catch塊語句來捕捉錯誤，所以最終finally塊的語句也不會被執(zhí)行。因此，這種結構在實際應用中很少見。

　　五、例外的表現(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 e­xpression")
　　　　else alert("Cannot evaluate")
　　}
　　}

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

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

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

最新評論