淺談javascript錯(cuò)誤處理

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

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

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

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

　　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ǔ)句 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="本頁(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>

您可能感興趣的文章:

相關(guān)文章

javascript作用域和閉包使用詳解
這篇文章主要介紹了javascript作用域和閉包使用詳解,需要的朋友可以參考下
2014-04-04
ajax提交表單實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新注冊(cè)示例
這篇文章主要介紹了ajax提交表單實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新注冊(cè)示例,需要的朋友可以參考下
2014-05-05
javascript中不等于的代碼是什么怎么寫(xiě)
長(zhǎng)時(shí)間不適用javascript,就連其中的不等于的代碼都不知道怎么寫(xiě)了，下面為大家簡(jiǎn)單介紹下，感興趣的朋友不要錯(cuò)過(guò)
2013-12-12
簡(jiǎn)介JavaScript中的sub()方法的使用
這篇文章主要介紹了JavaScript中的sub()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
2015-06-06
JavaScript函數(shù)中上下文有哪些規(guī)則
上下文是從英文context翻譯過(guò)來(lái)，指的是一種環(huán)境。在軟件工程中，上下文是一種屬性的有序序列，它們?yōu)轳v留在環(huán)境內(nèi)的對(duì)象定義環(huán)境。在對(duì)象的激活過(guò)程中創(chuàng)建上下文，對(duì)象被配置為要求某些自動(dòng)服務(wù)。又比如計(jì)算機(jī)技術(shù)中，相對(duì)于進(jìn)程而言，上下文就是進(jìn)程執(zhí)行時(shí)的環(huán)境
2021-10-10
ECMAScript6入門(mén)教程
本文詳細(xì)講解了ECMAScript6的基礎(chǔ)教程，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
詳解JavaScript正則表達(dá)式中的global屬性的使用
這篇文章主要介紹了詳解JavaScript正則表達(dá)式中的global屬性的使用,是JS學(xué)習(xí)進(jìn)階中的重要知識(shí)點(diǎn),需要的朋友可以參考下
2015-06-06
web面試之JS預(yù)解析與變量提升區(qū)別
這篇文章主要介紹了web面試中常會(huì)問(wèn)道的問(wèn)題，JS函數(shù)預(yù)解析與變量提升區(qū)別，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪
2021-09-09
JS阻止冒泡事件以及默認(rèn)事件發(fā)生的簡(jiǎn)單方法
這篇文章主要介紹了JS阻止冒泡事件以及默認(rèn)事件發(fā)生的簡(jiǎn)單方法，有需要的朋友可以參考一下
2014-01-01
解決js正則匹配換行問(wèn)題實(shí)現(xiàn)代碼
js正則匹配換行過(guò)程中會(huì)出現(xiàn)很多的問(wèn)題，本文將提供詳細(xì)的解決方法，需要的朋友可以參考下
2012-12-12