一分鐘學(xué)會(huì)JavaScript中的try-catch
導(dǎo)讀：
在Java中我們使用try-catch進(jìn)行異常處理，同樣的JavaScript也提供了和異常處理類似的異常處理機(jī)制，本節(jié)我們將對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類型的錯(cuò)誤，錯(cuò)誤信息是"i.func"不是一個(gè)函數(shù)，發(fā)生錯(cuò)誤的代碼位于erroe.html的第3行。
當(dāng)發(fā)生錯(cuò)誤時(shí)，JavaScript會(huì)拋出一個(gè)錯(cuò)誤對象，使用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ò)誤對象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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- js中的異常處理try...catch使用介紹
- javascript中 try catch用法
- JavaScript Try...Catch 聲明的 使用方法
- JS中用try catch對代碼運(yùn)行的性能影響分析
- 實(shí)例解析js中try、catch、finally的執(zhí)行規(guī)則
- javascript中的try catch異常捕獲機(jī)制用法分析
- 理解javascript中try...catch...finally
- JS異常處理try..catch語句的作用和實(shí)例
- 聊聊Javascript中try catch的2個(gè)作用
- JS?try?catch用法舉例之異常處理
相關(guān)文章
JS async 函數(shù)的含義和用法實(shí)例總結(jié)
這篇文章主要介紹了JS async 函數(shù)的含義和用法,結(jié)合實(shí)例形式總結(jié)分析了JS async 函數(shù)的基本功能、含義、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
TypeScript 引用資源文件后提示找不到的異常處理技巧
這篇文章主要介紹了TypeScript 引用資源文件后提示找不到的異常處理,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
這篇文章主要介紹了JavaScript 有用的代碼片段和 trick的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-02-02
這篇文章主要介紹了淺談發(fā)布訂閱模式與觀察者模式，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04
全面解析Bootstrap中transition、affix的使用方法
這篇文章主要為大家詳細(xì)解析了Bootstrap中transition、affix的使用方法，感興趣的朋友可以參考一下2016-05-05
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
這篇文章主要介紹了JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了使用JS編寫的隨機(jī)抽取號(hào)碼的小程序功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-08-08
這篇文章主要教大家學(xué)習(xí)使用Bootstrap頁面排版樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
使用Object.defineProperty如何巧妙找到修改某個(gè)變量的準(zhǔn)確代碼位置
Object.defineProperty() 方法直接在一個(gè)對象上定義一個(gè)新屬性，或者修改一個(gè)已經(jīng)存在的屬性， 并返回這個(gè)對象。下面這篇文章主要給大家介紹了關(guān)于使用Object.defineProperty如何巧妙找到修改某個(gè)變量的準(zhǔn)確代碼位置的相關(guān)資料，需要的朋友可以參考下2018-11-11
本篇文章主要是對js中的select option對象進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12