try 語(yǔ)句測(cè)試代碼塊的錯(cuò)誤。
catch 語(yǔ)句處理錯(cuò)誤。
throw 語(yǔ)句創(chuàng)建自定義錯(cuò)誤。
錯(cuò)誤一定會(huì)發(fā)生
當(dāng) JavaScript 引擎執(zhí)行 JavaScript 代碼時(shí),會(huì)發(fā)生各種錯(cuò)誤:
可能是語(yǔ)法錯(cuò)誤,通常是程序員造成的編碼錯(cuò)誤或錯(cuò)別字。
可能是拼寫錯(cuò)誤或語(yǔ)言中缺少的功能(可能由于瀏覽器差異)。
可能是由于來(lái)自服務(wù)器或用戶的錯(cuò)誤輸出而導(dǎo)致的錯(cuò)誤。
當(dāng)然,也可能是由于許多其他不可預(yù)知的因素。
JavaScript 拋出錯(cuò)誤
當(dāng)錯(cuò)誤發(fā)生時(shí),當(dāng)事情出問題時(shí),JavaScript 引擎通常會(huì)停止,并生成一個(gè)錯(cuò)誤消息。
描述這種情況的技術(shù)術(shù)語(yǔ)是:JavaScript 將拋出一個(gè)錯(cuò)誤。
JavaScript 測(cè)試和捕捉
try 語(yǔ)句允許我們定義在執(zhí)行時(shí)進(jìn)行錯(cuò)誤測(cè)試的代碼塊。
catch 語(yǔ)句允許我們定義當(dāng) try 代碼塊發(fā)生錯(cuò)誤時(shí),所執(zhí)行的代碼塊。
JavaScript 語(yǔ)句 try 和 catch 是成對(duì)出現(xiàn)的。
語(yǔ)法
try { //在這里運(yùn)行代碼 } catch(err) { //在這里處理錯(cuò)誤 }
實(shí)例
在下面的例子中,我們故意在 try 塊的代碼中寫了一個(gè)錯(cuò)字。
catch 塊會(huì)捕捉到 try 塊中的錯(cuò)誤,并執(zhí)行代碼來(lái)處理它。
<!DOCTYPE html> <html> <head> <script> var txt=""; function message() { try { adddlert("Welcome guest!"); } catch(err) { txt="There was an error on this page.\n\n"; txt+="Error description: " + err.message + "\n\n"; txt+="Click OK to continue.\n\n"; alert(txt); } } </script> </head> <body> <input type="button" value="View message" onclick="message()"> </body> </html>
親自試一試
Throw 語(yǔ)句
throw 語(yǔ)句允許我們創(chuàng)建自定義錯(cuò)誤。
正確的技術(shù)術(shù)語(yǔ)是:創(chuàng)建或拋出異常(exception)。
如果把 throw 與 try 和 catch 一起使用,那么您能夠控制程序流,并生成自定義的錯(cuò)誤消息。
語(yǔ)法
throw exception
異常可以是 JavaScript 字符串、數(shù)字、邏輯值或?qū)ο蟆?/p>
實(shí)例
本例檢測(cè)輸入變量的值。如果值是錯(cuò)誤的,會(huì)拋出一個(gè)異常(錯(cuò)誤)。catch 會(huì)捕捉到這個(gè)錯(cuò)誤,并顯示一段自定義的錯(cuò)誤消息:
<script> function myFunction() { try { var x=document.getElementById("demo").value; if(x=="") throw "empty"
; if(isNaN(x)) throw "not a number"
; if(x>10) throw "too high"
; if(x<5) throw "too low"
; } catch(err) { var y=document.getElementById("mess"); y.innerHTML="Error: " + err + "."; } } </script> <h1>My First JavaScript</h1> <p>Please input a number between 5 and 10:</p> <input id="demo" type="text"> <button type="button" onclick="myFunction()">Test Input</button> <p id="mess"></p>
親自試一試
請(qǐng)注意,如果 getElementById 函數(shù)出錯(cuò),上面的例子也會(huì)拋出一個(gè)錯(cuò)誤。