javascript錯誤處理類型

lylwyy2016 發(fā)布于2019-08-21 16:46 / 2700人閱讀

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

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

錯誤構(gòu)造函數(shù)

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

Error -- 錯誤對象

SyntaxError --解析過程語法錯誤

TypeError -- 不屬于有效類型

ReferenceError -- 無效引用

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

URIError -- 解析URI編碼出錯

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

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

其中兩種做個特殊說明：

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

繼承關(guān)系

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的構(gòu)造器可以創(chuàng)建一個錯誤對象。當(dāng)運(yùn)行時錯誤產(chǎn)生時，Error的實(shí)例對象會被拋出。

語法：new Error([message])

參數(shù)：

message 可選，錯誤描述信息。

拋出錯誤

使用throw語句來拋出異常

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

運(yùn)行后，會在控制臺打印輸出：

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

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

捕獲錯誤

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

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

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

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

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

TypeError

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

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

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

let fn = "hello";
new fn;

拋出錯誤：

Uncaught TypeError: fn is not a constructor

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

let obj = {};
obj.fn()

拋出錯誤：

Uncaught TypeError: obj.fn is not a function

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

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

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

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

ReferenceError

無效引用。

引用了一個不存在的變量

console.log(a);

拋出錯誤

Uncaught ReferenceError: a is not defined

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

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

拋出錯誤：

Uncaught ReferenceError: Invalid left-hand side in assignment

RangeError

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

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

let arr = new Array(-1)

拋出錯誤：

Uncaught RangeError: Invalid array length

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

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

拋出錯誤：

Uncaught RangeError: Invalid count value

URIError

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

例如：

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

拋出錯誤：

Uncaught URIError: URI malformed

自定義錯誤類型

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

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

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

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

關(guān)于調(diào)用的錯誤棧信息

提供的錯誤的跟蹤功能，以什么樣的調(diào)用順序，在哪個文件的哪一行捕獲到這個錯誤。
例如以下調(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");

錯誤信息為：

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

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

云服務(wù)器 GPU云服務(wù)器 php錯誤處理 ASP錯誤處理 asp 錯誤處理 java類型錯誤

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/88696.html

發(fā)表評論

登陸后可評論

0條評論

lylwyy2016

男|高級講師

我要關(guān)注我要私信

TA的文章

華納云，新人優(yōu)惠400元，中國香港高防服務(wù)器(10M-50M帶寬)，DDOS防護(hù)800G

閱讀 2351·2021-08-23 09:46
《CSS世界》閱讀筆記（二）——塊級元素與基本尺寸

閱讀 978·2019-08-29 18:31
前端進(jìn)階（14） - 如何提升前端性能和響應(yīng)速度

閱讀 1937·2019-08-29 17:04
神器！解放你的雙手——UI設(shè)計(jì)稿全自動切圖和標(biāo)注的一些工具推薦

閱讀 2533·2019-08-29 12:23
數(shù)組排序

閱讀 1908·2019-08-26 14:05
LeetCode 之 JavaScript 解答第112題 —— 路徑總和（Path Sum）

閱讀 1144·2019-08-26 13:44
vue 中$parent無法調(diào)用父組件定義的方法

閱讀 3282·2019-08-26 12:23
你的心事我全知曉——心情日記小程序丨實(shí)戰(zhàn)

閱讀 2290·2019-08-26 10:46

成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲中文字幕日韩无码

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

javascript錯誤處理類型

相關(guān)文章

JavaScript之錯誤異常探討

JavaScript 錯誤處理與調(diào)試——“錯誤處理”的注意要點(diǎn)

JavaScript 編程精解中文第三版八、Bug 和錯誤

JavaScript 中的錯誤處理機(jī)制

錯誤檢測（1）------try-catch語句 From 《高程3》

發(fā)表評論

0條評論

lylwyy2016

男|高級講師

TA的文章

華納云，新人優(yōu)惠400元，中國香港高防服務(wù)器(10M-50M帶寬)，DDOS防護(hù)800G

《CSS世界》閱讀筆記（二）——塊級元素與基本尺寸

前端進(jìn)階（14） - 如何提升前端性能和響應(yīng)速度

神器！解放你的雙手——UI設(shè)計(jì)稿全自動切圖和標(biāo)注的一些工具推薦

數(shù)組排序

LeetCode 之 JavaScript 解答第112題 —— 路徑總和（Path Sum）

vue 中$parent無法調(diào)用父組件定義的方法

你的心事我全知曉——心情日記小程序丨實(shí)戰(zhàn)

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

javascript錯誤處理類型

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！