|
第一種:腳本之家自己也在用的
復(fù)制代碼 代碼如下:
<SCRIPT language=Javascript>
<!--
window.onerror=function(){return true;}
// -->
</SCRIPT>
更多可以參考Javascript 容錯(cuò)處理代碼(屏蔽js錯(cuò)誤)
如果更詳細(xì)的介紹可以繼續(xù)往下看。
如果例外處理代碼設(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)生的例外。它的基本語法如下:
復(fù)制代碼 代碼如下:
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è)例子:
在瀏覽器中執(zhí)行上述代碼后,首先顯示輸入對(duì)話框:
我們輸入abc,然后確定,輸出結(jié)果如下:
“開始執(zhí)行try塊語句 ---> 還沒有發(fā)生例外 ---> 捕捉到例外,開始執(zhí)行catch塊語句 ---> 錯(cuò)誤名稱: TypeError ---> 錯(cuò)誤信息: 'abc' 未定義 ---> 開始執(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:
你會(huì)看到如下的結(jié)果:
我們看到,由于沒有錯(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)
JavaScript技術(shù):JavaScript容錯(cuò)例外處理第1/2頁(yè),轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。