一分鐘學(xué)會(huì)JavaScript中的try-catch
導(dǎo)讀:
在Java中我們使用try-catch進(jìn)行異常處理,同樣的JavaScript也提供了和異常處理類(lèi)似的異常處理機(jī)制,本節(jié)我們將對(duì)JavaScript異常處理進(jìn)行詳細(xì)講解。
1.1 如何進(jìn)行錯(cuò)誤處理
<script> var i = {}; //定義一個(gè)變量 i.func(); //調(diào)用一個(gè)不存在的方法 console.log('test'); //如果上一段代碼出現(xiàn)錯(cuò)誤,這段代碼不會(huì)執(zhí)行</script>
查看控制臺(tái)輸出結(jié)果

從圖1-1中能看出,當(dāng)前程序發(fā)生了一個(gè)TypeError類(lèi)型的錯(cuò)誤,錯(cuò)誤信息是'i.func'不是一個(gè)函數(shù),發(fā)生錯(cuò)誤的代碼位于erroe.html的第3行。
當(dāng)發(fā)生錯(cuò)誤時(shí),JavaScript會(huì)拋出一個(gè)錯(cuò)誤對(duì)象,使用try-catch進(jìn)行抓取。
下面利用try-catch進(jìn)行演示
<script> var i = {}; try{ i.func(); console.log('1'); //發(fā)生錯(cuò)誤,該代碼不會(huì)執(zhí)行 } catch(e){ console.log(e); //在此處抓取錯(cuò)誤對(duì)象e } console.log('錯(cuò)誤被處理'); //如果錯(cuò)誤被處理,改代碼會(huì)被執(zhí)行</script>
查看控制臺(tái)輸出結(jié)果
從圖1-2我們能看出當(dāng)try中的代碼發(fā)生錯(cuò)誤時(shí),利用catch可以進(jìn)行異常處理,但是當(dāng)try塊中的某一塊代碼發(fā)生錯(cuò)誤時(shí),后面的代碼將不會(huì)執(zhí)行,所以我們應(yīng)該盡量減少try塊的代碼。
到此這篇關(guān)于學(xué)會(huì)JavaScript中try-catch的文章就介紹到這了,更多相關(guān)JavaScript的try-catch內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. Android table布局開(kāi)發(fā)實(shí)現(xiàn)簡(jiǎn)單計(jì)算器2. 理解PHP5中static和const關(guān)鍵字3. jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置的實(shí)例代碼4. php模擬實(shí)現(xiàn)斗地主發(fā)牌5. IntelliJ IDEA安裝插件的方法步驟6. phpstorm恢復(fù)默認(rèn)設(shè)置的方法步驟7. Vue封裝一個(gè)TodoList的案例與瀏覽器本地緩存的應(yīng)用實(shí)現(xiàn)8. Python random庫(kù)使用方法及異常處理方案9. Vuex localStorage的具體使用10. .Net Core使用Coravel實(shí)現(xiàn)任務(wù)調(diào)度的完整步驟

網(wǎng)公網(wǎng)安備