JavaScript 錯誤
JavaScript?錯誤 - throw、try 和 catch
#try?語句測試程式碼區(qū)塊的錯誤。
catch?語句處理錯誤。
throw?語句建立自訂錯誤。
?JavaScript 錯誤
當(dāng)JavaScript 引擎執(zhí)行JavaScript 程式碼時,就會發(fā)生各種錯誤。
可能是語法錯誤,通常是程式設(shè)計師造成的編碼錯誤或錯字。
可能是拼字錯誤或語言中缺少的功能(可能由於瀏覽器差異)。
可能是由於來自伺服器或使用者的錯誤輸出而導(dǎo)致的錯誤。
當(dāng)然,也可能是由於許多其他不可預(yù)測的因素。
JavaScript 拋出(throw)錯誤
當(dāng)當(dāng)錯誤發(fā)生時,當(dāng)事情出問題時,JavaScript 引擎通常會停止,並產(chǎn)生錯誤訊息。
描述這種情況的技術(shù)術(shù)語是:JavaScript 將會拋出一個錯誤。
JavaScript try 和catch
##try 語句允許我們定義在執(zhí)行時進(jìn)行錯誤測試的程式碼區(qū)塊。
catch?語句允許我們定義當(dāng) try 程式碼區(qū)塊發(fā)生錯誤時,所執(zhí)行的程式碼區(qū)塊。
JavaScript 語句?try?和?catch?是成對出現(xiàn)的。
語法
try {//在這裡執(zhí)行程式碼
} catch(err) {
//在這裡處理錯誤
}
實(shí)例
在下面的例子中,我們故意在try 區(qū)塊的程式碼中寫了一個錯字。將alert故意寫成adddlert<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script> var txt=""; function message(){ try { adddlert("Welcome guest!"); } catch(err) { txt="本頁有一個錯誤。\n\n"; txt+="錯誤描述:" + err.message + "\n\n"; txt+="點(diǎn)擊確定繼續(xù)。\n\n"; alert(txt); } } </script> </head> <body> <input type="button" value="查看消息" onclick="message()" /> </body> </html>執(zhí)行程式嘗試
Throw 語句
throw 語句允許我們建立自訂錯誤。 正確的技術(shù)術(shù)語是:建立或拋出例外(exception)。如果把 throw 與 try 和 catch 一起使用,那麼您能夠控製程式流程,並產(chǎn)生自訂的錯誤訊息。
語法
throw?exception
異??梢允荍avaScript 字串、數(shù)字、邏輯值或?qū)ο蟆?
實(shí)例
本例偵測輸入變數(shù)的值。如果值是錯誤的,會拋出一個異常(錯誤)。 catch 會捕捉到這個錯誤,並顯示一段自訂的錯誤訊息:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script> function myFunction(){ try{ var x=document.getElementById("demo").value; if(x=="") throw "值為空"; if(isNaN(x)) throw "不是數(shù)字"; if(x>10) throw "太大"; if(x<5) throw "太小"; } catch(err){ var y=document.getElementById("mess"); y.innerHTML="錯誤:" + err + "。"; } } </script> </head> <body> <h1>我的第一個 JavaScript</h1> <p>請輸出一個 5 到 10 之間的數(shù)字:</p> <input id="demo" type="text"> <button type="button" onclick="myFunction()">測試輸入</button> <p id="mess"></p> </body> </html>
運(yùn)行程式嘗試
注意,如果getElementById 函數(shù)出錯,上面的例子也會拋出一個錯誤。