JavaScript內建物件--Error型別詳解

風靈使發表於2018-05-16

一、什麼是錯誤處理?

在介紹Error物件之前,先說說什麼是錯誤處理。錯誤,指程式中非正常執行狀態,在其他程式語言中稱為”異常”或”錯誤”,直譯器會為每個錯誤情形建立並丟擲一個Error物件,其中包含錯誤的描述資訊。通過使用JS提供的異常錯誤語句,可以用結構化的方式來捕捉髮生的錯誤,讓異常處理程式碼與核心業務程式碼實現分離,最終使我們能夠集中精力編寫主業務功能程式碼。簡言之:在程式執行過程中,即使程式出錯,也能保證不會異常中斷的機制。

二、JS種的錯誤的型別(6種)

  1. SyntaxError: 語法錯誤
  2. ReferenceError: 引用錯誤 要用的東西沒找到
  3. RangeError: 範圍錯誤 專指引數超範圍
  4. TypeError: 型別錯誤 錯誤的呼叫了物件的方法
  5. EvalError: eval()方法錯誤的使用
  6. URIError: url地址錯誤

前4種是我們開發的時候經常遇到,需要熟練記住,後兩種比較少見,瞭解即可。

三、Error物件

Error:封裝錯誤資訊的物件,在發生錯誤時,自動建立

兩個屬性:

err.name :錯誤的名稱/錯誤的型別
err.message: 錯誤的提示資訊

如何使用:

try{
     可能出現錯誤的語句
}
catch(err)
{
//err: 自動獲得錯誤物件——不可省略
     一旦出錯,才執行的錯誤處理程式碼: 提示錯誤, 記錄日誌
}
finally
{
      無論是否出錯,都必須執行的程式碼: 釋放資源
}

一段小例子:

var num = parseFloat(prompt("輸入數字")); //請使用者輸入num  
var d = prompt("輸入小數位數"); //請使用者輸入d  
try {
    console.log(num.toFixed(d));
} catch(err) {
    //catch中的程式碼只有出錯才執行,不出錯不執行  
    //err: 自動獲得錯誤物件,包含錯誤資訊  
    console.log(String(err));
} finally {

    //無論是否出錯,都必須執行  
    console.log("釋放資源");
    num = null;
    d = null;
}

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

因為toFixed()方法的範圍是0~20,所以輸入-1的時候,在範圍之外,就會產生範圍錯誤RangeError, 如果不進行錯誤處理(try…catch…)的話就會報錯, 但是現在經過錯誤處理之後,程式正常執行,在控制檯輸出錯誤資訊,並且無論正確或者錯誤都會執行的finally,釋放了資源

四、錯誤處理的原則

1.try中儘量少的包含語句

原因是因為,try語句要經過計算機的檢測看看是否是錯誤的語句,如果是錯誤的語句則會執行catch裡面的語句,如果try的語句過多的話,計算機處理速度就會變慢,影響程式的執行。

2.如果已經提前預知錯誤的型別,就用if…else…來代替try…catch

除掉錯誤預知的這個前提下,if..else..的用法與try…catch…的用法是基本相同的,嚴格意義來說,if..else..的可讀性比try..catch..更強,語句理解能力也更好,開發人員與使用者更加傾向於使用if..else.. 但是如果無法判斷語句是否正確的話,仍然使用try..catch…會更加保險

五、丟擲自定義錯誤: throw new Error("錯誤資訊")

我們如果不想使用系統設定的錯誤資訊(例如前面提到的6種),可以自定義錯誤,例如讓使用者輸入一個數字,但是使用者強制輸入了一個字母,系統就會根據自定義錯誤丟擲資訊

function err(a)
{
    if (!isNaN(a)) {
        console.log("你輸入的數字是:" + a)
    }
    else {
        throw new Error("你輸入的是非數字,請重新輸入");
    }
}
var a = prompt("請輸入一位數字:");
err(2);
err(a);

這裡寫圖片描述

這裡寫圖片描述

相關文章