js 錯誤Error對象詳解

一、概念

error，指程序中的非正常運行狀態，在其他編程語言中稱為“異常”或“錯誤”。解釋器會為每個錯誤情形創建並拋出一個Error對象，其中包含錯誤的描述信息。

ECMAScript定義了六種類型的錯誤。除此之外，還可以使用Error構造方法創建自定義的Error對象，並使用throw語句拋出該對象。

六種錯誤：

• ReferenceError:找不到對象時
• TypeError:錯誤的使用了類型或對象的方法時
• RangeError:使用內置對象的方法時，參數超范圍
• SyntaxError:語法寫錯了
• EvalError:錯誤的使用了Eval   
• URIError:URI錯誤

 

二、錯誤處理

即使程序發生錯誤，也保證不異常中斷的機制。

try{
    可能發生錯誤的代碼
}catch(err){
    只有發生錯誤時才執行的代碼
}finally{
    無論是否出錯，肯定都要執行的代碼
}

使用要點：

• 使用try包裹的代碼，即使不出錯，效率也比不用try包裹的代碼低；
• 在try中，盡量少的包含可能出錯的代碼；
• 無法提前預知錯誤類型的錯誤，必須用try catch捕獲；
• finally可以省略；

 

三、拋出自定義錯誤

何時：如果函數的定義者，需要告知調用者使用過程中的錯誤；

如何：throw new Error("提示文字")；

// 程序猿甲:定義函數的人
function round(num, d){
    if(!isNaN(num) && !isNaN(d)){
        num *= Math.pow(10, d);
        return num;
    }else{
        // 拋出自定義錯誤
        throw new Error("參數必須是數字");  
    }
}

// 程序猿乙:調用函數的人
var d = parseInt(prompt('請輸入數字'));
try{
    alert(round(123.456, d));
}catch(err){
    alert(err.message);  // 接住拋出的自定義錯誤
}

 

四、實例練習

var n = 1;
function fun(){
    try{
        n++;
        return n;
    }catch(err){    
        // 沒錯誤，catch不執行
        n++;
        return n;    
    }finally{
        n++;
        return n;
    }
}

console.log(fun());// 3  return為finally的
console.log(n);// 3

 

var n = 1;
function fun(){
    try{
        n++;
        return n;
    }catch(err){
        // 沒錯誤，catch不執行
        n++;
        return n;
    }finally{
        n++;
    }
}
console.log(fun()); // 2  return為try的
console.log(n); // 3 

 

var n = 1;
function fun(){
    try{
        n++;
        n += m;  //出錯
        return n;   
    }catch(err){
        n++;
        return n;
    }finally{
        n++;
    }
}
console.log(fun());    // 3 return為catch的
console.log(n);        // 4