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

在寫javascript的時(shí)候，調(diào)試錯(cuò)誤必不可少，除了能夠在瀏覽器中打印出來錯(cuò)誤外，常常還需要知道錯(cuò)誤的類型是什么，以便對(duì)癥下藥的糾錯(cuò)；也有時(shí)候，在自己封裝的工具函數(shù)中，不傳參或傳入了錯(cuò)誤類型的參數(shù)，也要適當(dāng)?shù)膾伋鲆恍╁e(cuò)誤以示警告；使用框架不正常情況下也會(huì)拋出錯(cuò)誤，如果對(duì)錯(cuò)誤一無所知，便無從下手調(diào)試。綜合上述，了解錯(cuò)誤的處理機(jī)制是多么必要，以下是筆者歸納總結(jié)，如有誤之處，歡迎指出。

javascript規(guī)范中總共有8中錯(cuò)誤類型構(gòu)造函數(shù)

Error -- 錯(cuò)誤對(duì)象

SyntaxError --解析過程語法錯(cuò)誤

TypeError -- 不屬于有效類型

ReferenceError -- 無效引用

RangeError -- 數(shù)值超出有效范圍

URIError -- 解析URI編碼出錯(cuò)

EvalError -- 調(diào)用eval函數(shù)錯(cuò)誤

InternalError -- Javascript引擎內(nèi)部錯(cuò)誤的異常拋出， "遞歸太多"

其中兩種做個(gè)特殊說明：

EvalError調(diào)用eval函數(shù)錯(cuò)誤，已經(jīng)棄用，為了向后兼容，低版本還可以使用。
InternalError 遞歸過深 拋出錯(cuò)誤，多數(shù)瀏覽器未實(shí)現(xiàn)，屬于非標(biāo)準(zhǔn)方法，生產(chǎn)環(huán)境禁用

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

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

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

通過Error的構(gòu)造器可以創(chuàng)建一個(gè)錯(cuò)誤對(duì)象。當(dāng)運(yùn)行時(shí)錯(cuò)誤產(chǎn)生時(shí)，Error的實(shí)例對(duì)象會(huì)被拋出。

語法：new Error([message])

參數(shù)：

message 可選，錯(cuò)誤描述信息。

使用throw語句來拋出異常

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

運(yùn)行后，會(huì)在控制臺(tái)打印輸出：

Uncaught Error: 這里拋出的是錯(cuò)誤信息

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

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

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

屬性說明：
當(dāng)使用new Error創(chuàng)建錯(cuò)誤實(shí)例后，會(huì)有兩個(gè)屬性：

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

name屬性，為錯(cuò)誤的類型，此時(shí)為Error
message屬性，為錯(cuò)誤的信息，此時(shí)為"這里拋出的是錯(cuò)誤信息"

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

 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

語法錯(cuò)誤有很多就不一一列舉了，當(dāng)在瀏覽器運(yùn)行時(shí)，控制臺(tái)會(huì)拋錯(cuò)，并且告知第幾行，所以調(diào)試器來比較方便。但要讀懂錯(cuò)誤的類型為SyntaxError，以及后面的錯(cuò)誤信息，這樣方便改錯(cuò)。

不屬于有效類型。這種錯(cuò)誤就是在給的不是需要的類型而導(dǎo)致無法操作，會(huì)拋出類型錯(cuò)誤。

變量或參數(shù)不是預(yù)期類型，

例如**new**運(yùn)算符后必須是函數(shù)，而給定的不是函數(shù)，則會(huì)拋出類型錯(cuò)誤

let fn = "hello";
new fn;

拋出錯(cuò)誤：

Uncaught TypeError: fn is not a constructor

調(diào)用對(duì)象不存在的方法

let obj = {};
obj.fn()

拋出錯(cuò)誤：

Uncaught TypeError: obj.fn is not a function

當(dāng)然你也可以在封裝函數(shù)時(shí)候，強(qiáng)制傳入的參數(shù)為指定類型，否則拋出類型錯(cuò)誤。

function flatten(arr){
    if( !Array.isArray(arr) ){
        throw new TypeError("傳入?yún)?shù)不是數(shù)組")
    }    
}
flatten("test");

傳入的參數(shù)不為數(shù)組時(shí)，拋出自定義的類型錯(cuò)誤：

Uncaught TypeError: 傳入?yún)?shù)不是數(shù)組

無效引用。

引用了一個(gè)不存在的變量

console.log(a);

拋出錯(cuò)誤

Uncaught ReferenceError: a is not defined

將變量賦值給一個(gè)無法被賦值的數(shù)據(jù)
這個(gè)錯(cuò)誤常常犯的地方實(shí)在調(diào)用一個(gè)方法后在if語句中做判斷，將比較運(yùn)算符==寫成了賦值運(yùn)算符=，例如判斷一個(gè)字符串第一個(gè)字符是不是指定的字符：

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

拋出錯(cuò)誤：

Uncaught ReferenceError: Invalid left-hand side in assignment

數(shù)值超出有效范圍。在一些方法中，傳入的數(shù)值必須在一定的范圍內(nèi)，否則會(huì)拋出超出范圍的錯(cuò)誤。

創(chuàng)建數(shù)組傳入的長度小于了0

let arr = new Array(-1)

拋出錯(cuò)誤：

Uncaught RangeError: Invalid array length

repeat方法重復(fù)指定的字符串重復(fù)次數(shù)小于0

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

拋出錯(cuò)誤：

Uncaught RangeError: Invalid count value

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

例如：

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

拋出錯(cuò)誤：

Uncaught URIError: URI malformed

有時(shí)候希望自定義錯(cuò)誤類型，需要自定義一個(gè)構(gòu)造函數(shù)，然后讓原型繼承繼承Error.prototype即可。

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

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

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

提供的錯(cuò)誤的跟蹤功能，以什么樣的調(diào)用順序，在哪個(gè)文件的哪一行捕獲到這個(gè)錯(cuò)誤。
例如以下調(diào)用：

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");

錯(cuò)誤信息為：

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

以上為拋錯(cuò)的構(gòu)造函數(shù)的總結(jié)，如有誤之處歡迎扶正。
以上每一種錯(cuò)誤場景并沒有列出太多，如果你有新的錯(cuò)誤信息發(fā)現(xiàn)，歡迎留言討論。