JavaScript Try...Catch 聲明的使用方法

2024-09-06 12:42:46

字體：大中小

供稿：網(wǎng)友

try...catch的作用是測(cè)試代碼中的錯(cuò)誤。
實(shí)例
try...catch聲明
如何編寫try...catch聲明。
帶有確認(rèn)框的try...catch聲明
另一個(gè)編寫try...catch聲明的例子。 JavaScript - 捕獲錯(cuò)誤
當(dāng)我們?cè)诰W(wǎng)上沖浪時(shí)，總會(huì)看到帶有runtime錯(cuò)誤的Javascript警告框，同時(shí)會(huì)詢問(wèn)我們“是否進(jìn)行debug？”。像這樣的錯(cuò)誤信息或許對(duì)開發(fā)人員有用，對(duì)用戶則未必。當(dāng)錯(cuò)誤發(fā)生時(shí)，他們往往會(huì)選擇離開這個(gè)站點(diǎn)。
本節(jié)向你講解如何捕獲和處理Javascript的錯(cuò)誤消息，這樣就可以為受眾提供更多的便利。
有兩種在網(wǎng)頁(yè)中捕獲錯(cuò)誤的方法：
使用try...catch聲明。(在IE5+、Mozilla 1.0、和Netscape 6中可用)
使用onerror 事件。這是用于捕獲錯(cuò)誤的老式方法。(Netscape 3以后的版本可用)
Try...Catch 聲明
try...catch可以測(cè)試代碼中的錯(cuò)誤。try部分包含需要運(yùn)行的代碼，而catch部分包含錯(cuò)誤發(fā)生時(shí)運(yùn)行的代碼。
語(yǔ)法：
try
{
//在此運(yùn)行代碼
}
catch(err)
{
//在此處理錯(cuò)誤
}注意：try...catch使用小寫字母。大寫字母會(huì)出錯(cuò)。
實(shí)例 1
下面的例子原本用在用戶點(diǎn)擊按鈕時(shí)顯示"Welcome guest!"這個(gè)消息。不過(guò)message()函數(shù)中的alert()被誤寫為adddlert()。這時(shí)錯(cuò)誤發(fā)生了：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
我們可以添加try...catch聲明，這樣當(dāng)錯(cuò)誤發(fā)生時(shí)可以采取更適當(dāng)?shù)拇胧?
下面的例子用try...catch聲明重新修改了腳本。由于誤寫了alert()，所以錯(cuò)誤發(fā)生了。不過(guò)這一次，catch部分捕獲到了錯(cuò)誤，并用一段準(zhǔn)備好的代碼來(lái)處理這個(gè)錯(cuò)誤。這段代碼會(huì)顯示一個(gè)自定義的出錯(cuò)信息來(lái)告知用戶所發(fā)生的事情。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]實(shí)例 2
下一個(gè)例子會(huì)顯示一個(gè)確認(rèn)框，讓用戶來(lái)選擇在發(fā)生錯(cuò)誤時(shí)點(diǎn)擊確定按鈕來(lái)繼續(xù)瀏覽網(wǎng)頁(yè)，還是點(diǎn)擊取消按鈕來(lái)回到首頁(yè)。如果confirm方法的返回值為false，代碼會(huì)把用戶重定向到其他的頁(yè)面。如果confirm方法的返回值為true，那么代碼什么也不會(huì)做。

上一篇：javascript中獲取選中對(duì)象的類型

下一篇：JavaScript If...Else 聲明