快捷導(dǎo)航

淺談javascript錯(cuò)誤處理

更新時(shí)間：2019年08月11日 09:25:05 作者：碼農(nóng)下的天空

本文主要從前端開發(fā)者的角度談一談大多數(shù)前端開發(fā)者都會(huì)遇到的js錯(cuò)誤，對(duì)錯(cuò)誤產(chǎn)生的原因、發(fā)生階段，以及如何應(yīng)對(duì)錯(cuò)誤進(jìn)行分析、歸納和總結(jié)，希望得到一些有益的結(jié)論用來指導(dǎo)日常開發(fā)工作。

當(dāng) JavaScript 引擎執(zhí)行 JavaScript 代碼時(shí)，會(huì)發(fā)生各種錯(cuò)誤：可能是語法錯(cuò)誤，通常是程序員造成的編碼錯(cuò)誤或錯(cuò)別字;可能是拼寫錯(cuò)誤或語言中缺少的功能(可能由于瀏覽器差異);可能是由于來自服務(wù)器或用戶的錯(cuò)誤輸出而導(dǎo)致的錯(cuò)誤;也可能是由于許多其他不可預(yù)知的因素。

　　那么js有沒有好的可以檢測(cè)錯(cuò)誤的呢?有的，那就是：throw、try 和 catch

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

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

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

　　JavaScript try 和 catch

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

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

　　JavaScript 語句 try 和 catch 是成對(duì)出現(xiàn)的。

try{
   //可能會(huì)導(dǎo)致錯(cuò)誤的代碼
  }catch(error(function() {
   /* Act on the event */
  });
  )

　　例子：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>JavaScript教程</title>
 <script>
 var txt="";
 function message(){
  try {
   adddlert("Welcome guest!");
  }
  catch(err) {
   txt="本頁有一個(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>

您可能感興趣的文章: