1. 程式人生 > 其它 >一分鐘打通JavaScript的try-catch

一分鐘打通JavaScript的try-catch

技術標籤:JavaScriptjavascriptjsjava

導讀:

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

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

檢視控制檯輸出結果
在這裡插入圖片描述

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

  • 當發生錯誤時,JavaScript會丟擲一個錯誤物件,使用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塊的程式碼。