javascript錯誤處理類型

lylwyy2016 發布于2019-08-21 16:46 / 2615人閱讀

摘要：來聊一聊每一種錯誤類型的使用和出錯的場景。不屬于有效類型。例如拋出錯誤自定義錯誤類型有時候希望自定義錯誤類型，需要自定義一個構造函數，然后讓原型繼承繼承即可。例如以下調用錯誤信息為以上為拋錯的構造函數的總結，如有誤之處歡迎扶正。

在寫javascript的時候，調試錯誤必不可少，除了能夠在瀏覽器中打印出來錯誤外，常常還需要知道錯誤的類型是什么，以便對癥下藥的糾錯；也有時候，在自己封裝的工具函數中，不傳參或傳入了錯誤類型的參數，也要適當的拋出一些錯誤以示警告；使用框架不正常情況下也會拋出錯誤，如果對錯誤一無所知，便無從下手調試。綜合上述，了解錯誤的處理機制是多么必要，以下是筆者歸納總結，如有誤之處，歡迎指出。

錯誤構造函數

javascript規范中總共有8中錯誤類型構造函數

Error -- 錯誤對象

SyntaxError --解析過程語法錯誤

TypeError -- 不屬于有效類型

ReferenceError -- 無效引用

RangeError -- 數值超出有效范圍

URIError -- 解析URI編碼出錯

EvalError -- 調用eval函數錯誤

InternalError -- Javascript引擎內部錯誤的異常拋出， "遞歸太多"

其中兩種做個特殊說明：

EvalError調用eval函數錯誤，已經棄用，為了向后兼容，低版本還可以使用。
InternalError 遞歸過深拋出錯誤，多數瀏覽器未實現，屬于非標準方法，生產環境禁用

繼承關系

Error是錯誤的基類，其他類型都繼承Error這個類，可以使用ES6中提供的Object.getPrototypeOf()來判斷，一個類是否繼承了另一個類。

console.log(Object.getPrototypeOf(SyntaxError) === Error);    // true
console.log(Object.getPrototypeOf(TypeError) === Error);   // true
console.log(Object.getPrototypeOf(ReferenceError) === Error);   // true
console.log(Object.getPrototypeOf(RangeError) === Error);   // true
console.log(Object.getPrototypeOf(URIError) === Error);   // true
console.log(Object.getPrototypeOf(EvalError) === Error);   // true

來聊一聊每一種錯誤類型的使用和出錯的場景。

Error

通過Error的構造器可以創建一個錯誤對象。當運行時錯誤產生時，Error的實例對象會被拋出。

語法：new Error([message])

參數：

message 可選，錯誤描述信息。

拋出錯誤

使用throw語句來拋出異常

throw new Error("這里拋出的是錯誤信息")

運行后，會在控制臺打印輸出：

Uncaught Error: 這里拋出的是錯誤信息

注意：使用throw拋出異常后，之后的代碼不再執行。

捕獲錯誤

可以通過try{}catch(){}語句來捕獲到這個錯誤

try{
    throw new Error("這里拋出的是錯誤信息")
}catch(err){
    alert(err.name + " "+ err.message)
}

屬性說明：
當使用new Error創建錯誤實例后，會有兩個屬性：

let e =  new Error("這里拋出的是錯誤信息");

name屬性，為錯誤的類型，此時為Error
message屬性，為錯誤的信息，此時為"這里拋出的是錯誤信息"

SyntaxError

解析過程語法錯誤,這種類型拋出的錯誤有很多，往往是書寫時候造成的語法錯誤，例如：

 let n = 11;   // Uncaught SyntaxError: Invalid or unexpected token
 let str = "hel"lo" // Uncaught SyntaxError: Unexpected identifier
 let 123Var = "hi" // Uncaught SyntaxError: Invalid or unexpected token

語法錯誤有很多就不一一列舉了，當在瀏覽器運行時，控制臺會拋錯，并且告知第幾行，所以調試器來比較方便。但要讀懂錯誤的類型為SyntaxError，以及后面的錯誤信息，這樣方便改錯。

TypeError

不屬于有效類型。這種錯誤就是在給的不是需要的類型而導致無法操作，會拋出類型錯誤。

變量或參數不是預期類型，

例如**new**運算符后必須是函數，而給定的不是函數，則會拋出類型錯誤

let fn = "hello";
new fn;

拋出錯誤：

Uncaught TypeError: fn is not a constructor

調用對象不存在的方法

let obj = {};
obj.fn()

拋出錯誤：

Uncaught TypeError: obj.fn is not a function

當然你也可以在封裝函數時候，強制傳入的參數為指定類型，否則拋出類型錯誤。

function flatten(arr){
    if( !Array.isArray(arr) ){
        throw new TypeError("傳入參數不是數組")
    }    
}
flatten("test");

傳入的參數不為數組時，拋出自定義的類型錯誤：

Uncaught TypeError: 傳入參數不是數組

ReferenceError

無效引用。

引用了一個不存在的變量

console.log(a);

拋出錯誤

Uncaught ReferenceError: a is not defined

將變量賦值給一個無法被賦值的數據
這個錯誤常常犯的地方實在調用一個方法后在if語句中做判斷，將比較運算符==寫成了賦值運算符=，例如判斷一個字符串第一個字符是不是指定的字符：

let str = "hello";
if( str.charAt(0) = "h" ){
    console.log("第一個字符為h");
}

拋出錯誤：

Uncaught ReferenceError: Invalid left-hand side in assignment

RangeError

數值超出有效范圍。在一些方法中，傳入的數值必須在一定的范圍內，否則會拋出超出范圍的錯誤。

創建數組傳入的長度小于了0

let arr = new Array(-1)

拋出錯誤：

Uncaught RangeError: Invalid array length

repeat方法重復指定的字符串重復次數小于0

let str = "hello";
str.repeat(-1)

拋出錯誤：

Uncaught RangeError: Invalid count value

URIError

處理URI編碼出錯。函數參數不正確，主要是encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()這六個函數。

例如：

decodeURIComponent("%");
decodeURI("%2")

拋出錯誤：

Uncaught URIError: URI malformed

自定義錯誤類型

有時候希望自定義錯誤類型，需要自定義一個構造函數，然后讓原型繼承繼承Error.prototype即可。

function MyErrorType(message){
    this.message = message || "錯誤";
    this.name = "MyErrorType";
    this.stack = (new Error()).stack;  // 錯誤位置和調用棧
}

MyErrorType.prototype = Object.create(Error.prototype);
MyErrorType.prototype.constructor = MyErrorType;

throw new MyErrorType("自定義錯誤類型拋出錯誤")

關于調用的錯誤棧信息

提供的錯誤的跟蹤功能，以什么樣的調用順序，在哪個文件的哪一行捕獲到這個錯誤。
例如以下調用：

function trace() {
  try {
    throw new Error("myError");
  }
  catch(e) {
    console.log(e.stack);
  }
}
function b() {
  trace();
}
function a() {
  b(3, 4, "

", undefined, {});
}
a("first call, firstarg");

錯誤信息為：

Error: myError
    at trace (:3:14)
    at b (:10:6)
    at a (:13:6)
    at :15:4

以上為拋錯的構造函數的總結，如有誤之處歡迎扶正。
以上每一種錯誤場景并沒有列出太多，如果你有新的錯誤信息發現，歡迎留言討論。

云服務器 GPU云服務器 php錯誤處理 ASP錯誤處理 asp 錯誤處理 java類型錯誤

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88696.html

JavaScript之錯誤異常探討

摘要：提供一套錯誤處理機制，錯誤是干擾程序正常流程的非正常的事故。構造函數是通用錯誤類型，除了類型，還有等類型。瀏覽器輸出其他錯誤類型構造函數是繼承，實例是一致的。數值超出有效范圍數值超出有效范圍創建一個實例，表示錯誤的原因無效引用。同步發布于 https://github.com/xianshanna... 我的建議是不要隱藏錯誤，勇敢地拋出來。沒有人會因為代碼出現 bug 導致程序崩潰...

LdhAndroid 2019-08-23 16:43 評論0 收藏0
JavaScript 錯誤處理與調試——“錯誤處理”的注意要點

摘要：使用函數發生異常時拋出。數值超出相應范圍時拋出。拋出錯誤與相配的還有一個操作符，用于拋出自定義錯誤。錯誤事件沒有通過處理的錯誤都會觸發對象的事件。任何瀏覽器中，事件處理程序都不會創建對象，但它可以接受個參數錯誤消息錯誤所在的和行號。 try-catch語句該語句最適合處理那些我們無法控制的錯誤，在明明白白地知道自己的代碼會發生錯誤時，再使用該語句就不太合適了。 ECMA-262第3...

draveness 2019-08-19 17:36 評論0 收藏0
JavaScript 編程精解中文第三版八、Bug 和錯誤

摘要：幸運的是，使用符號創建的構造器，如果在不使用來調用，則始終會報錯，即使在非嚴格模式下也不會產生問題。來源：ApacheCN『JavaScript 編程精解中文第三版』翻譯項目原文：Bugs and Errors 譯者：飛龍協議：CC BY-NC-SA 4.0 自豪地采用谷歌翻譯部分參考了《JavaScript 編程精解（第 2 版）》調試的難度是開始編寫代碼的兩倍。因此，如...

wujl596 2019-08-23 18:18 評論0 收藏0
JavaScript 中的錯誤處理機制

摘要：錯誤處理在開發和調試過程中都顯得尤為重要。跟全局函數有關的錯誤，在之后已經不再出現了內部錯誤。由引擎拋出的錯誤范圍錯誤。事件任何沒有的錯誤都會觸發對象的事件。事件可以接收三個參數錯誤消息錯誤所在的和行號。錯誤處理在開發和調試過程中都顯得尤為重要。有些沒有進行錯誤處理的應用，直接就將瀏覽器的錯誤展示給了用戶，極大的降低了用戶體驗。比如有些很 low 的網站，打開某些頁面就直接彈出 ob...

AbnerMing 2019-08-21 14:43 評論0 收藏0
錯誤檢測（1）------try-catch語句 From 《高程3》

摘要：類型的錯誤會在數值超出相應范圍時觸發。最常發生類型錯誤的情況，就是傳遞給函數的參數事先未經檢查，結果傳入類型與預期類型不相符。捕獲錯誤的目的在于避免瀏覽器以默認方式處理它們而拋出錯誤的目的在于提供錯誤發生具體原因的消息。 0 前言目前讀到了《高程3》的錯誤檢測部分，現在先挖一個坑，關于錯誤檢測應該寫三篇總結：firebug檢測錯誤和輸出信息；try-catch錯誤捕獲；常見錯誤種類。...

UnixAgain 2019-08-21 14:38 評論0 收藏0