JavaScript 錯(cuò)誤處理(Throw、Try 和 Catch)

2022-05-18 14:42 更新

throw、try 和 catch


try 語(yǔ)句測(cè)試代碼塊的錯(cuò)誤。

catch 語(yǔ)句處理錯(cuò)誤。

throw 語(yǔ)句創(chuàng)建自定義錯(cuò)誤。


 JavaScript 錯(cuò)誤

當(dāng) JavaScript 引擎執(zhí)行 JavaScript 代碼時(shí),會(huì)發(fā)生各種錯(cuò)誤:

可能是語(yǔ)法錯(cuò)誤,通常是程序員造成的編碼錯(cuò)誤或錯(cuò)別字。

可能是拼寫(xiě)錯(cuò)誤或語(yǔ)言中缺少的功能(可能由于瀏覽器差異)。

可能是由于來(lái)自服務(wù)器或用戶的錯(cuò)誤輸出而導(dǎo)致的錯(cuò)誤。

當(dāng)然,也可能是由于許多其他不可預(yù)知的因素。


JavaScript 拋出(throw)錯(cuò)誤

當(dāng)錯(cuò)誤發(fā)生時(shí),當(dāng)事情出問(wèn)題時(shí),JavaScript 引擎通常會(huì)停止,并生成一個(gè)錯(cuò)誤消息。

描述這種情況的技術(shù)術(shù)語(yǔ)是:JavaScript 將拋出一個(gè)錯(cuò)誤。


JavaScript try 和 catch

try 語(yǔ)句允許我們定義在執(zhí)行時(shí)進(jìn)行錯(cuò)誤測(cè)試的代碼塊。

catch 語(yǔ)句允許我們定義當(dāng) try 代碼塊發(fā)生錯(cuò)誤時(shí),所執(zhí)行的代碼塊。

JavaScript 語(yǔ)句 trycatch 是成對(duì)出現(xiàn)的。

語(yǔ)法

 try{
   //在這里運(yùn)行代碼
}catch(err){
   //在這里處理錯(cuò)誤
}

實(shí)例

在下面的例子中,我們故意在 try 塊的代碼中寫(xiě)了一個(gè)錯(cuò)字。

catch 塊會(huì)捕捉到 try 塊中的錯(cuò)誤,并執(zhí)行代碼來(lái)處理它。

實(shí)例

<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message(){
    try{
      adddlert("Welcome guest!");
    }catch(err){
      txt="本頁(yè)有一個(gè)錯(cuò)誤。\n\n";
      txt+="錯(cuò)誤描述:" + err.message + "\n\n";
      txt+="點(diǎn)擊確定繼續(xù)。\n\n";
      alert(txt);
    }
}
</script>
</head>
<body>
<input type="button" value="查看消息" 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ò)誤消息:

實(shí)例

<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ò)誤。

相關(guān)文章

JavaScript標(biāo)準(zhǔn)參考手冊(cè):JavaScript 錯(cuò)誤處理機(jī)制


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)