快捷導(dǎo)航

淺談javascript錯誤處理

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

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

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

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

　　JavaScript 拋出(throw)錯誤

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

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

　　JavaScript try 和 catch

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

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

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

try{
   //可能會導(dǎo)致錯誤的代碼
  }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="本頁有一個錯誤。\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>

您可能感興趣的文章: