1. 程式人生 > 程式設計 >一分鐘學會JavaScript中的try-catch

一分鐘學會JavaScript中的try-catch

導讀:

在Java中我們使用try-catch進行異常處理,同樣的JavaScript也提供了和異常處理類似的異常處理機制,本節我們將對JavaScript異常處理進行詳細講解。

1.1 如何進行錯誤處理

<script>
  var i = {}; //定義一個變數
  i.func(); //呼叫一個不存在的方法
  console.log("test"); //如果上一段程式碼出現錯誤,這段程式碼不會執行
</script>

檢視控制檯輸出結果

一分鐘學會JavaScript中的try-catch

從圖1-1中能看出,當前程式發生了一個TypeError型別的錯誤,錯誤資訊是"i.func"不是一個函式,發生錯誤的程式碼位於erroe.html的第3行。

當發生錯誤時,JavaScript會丟擲一個錯誤物件,使用try-catch進行抓取。

下面利用try-catch進行演示

<script>
   var i = {}; 
  try{      
    i.func();  
    console.log("1"); //發生錯誤,該程式碼不會執行
   } catch(e){
    console.log(e); //在此處抓取錯誤物件e
   }
    console.log("錯誤被處理"); //如果錯誤被處理,改程式碼會被執行
</script>

檢視控制檯輸出結果

從圖1-2我們能看出當try中的程式碼發生錯誤時,利用catch可以進行異常處理,但是當try塊中的某一塊程式碼發生錯誤時,後面的程式碼將不會執行,所以我們應該儘量減少try塊的程式碼。

到此這篇關於學會JavaScript中try-catch的文章就介紹到這了,更多相關JavaScript的try-catch內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!