你知道 JavaScript 中的錯誤對象有哪些類型嗎?

每當 JavaScript 中發生任何運行時錯誤時,都會引發Error對象。在許多情況下,我們還可以擴展這些標準Error對象,以創建我們自己的自定義Error對象。

屬性

Error 對象具有2個屬性

name ——設置或返回錯誤名稱。具體來說,它返回錯誤所屬的構造函數的名稱。

它有6個不同的值-EvalError,RangeError,ReferenceError,TypeError,SyntaxError,URIError。我們將在本文後面討論這些內容,這些所有錯誤類型均繼承自Object-> Error-> RangeError。

message-設置或返回錯誤消息

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

事例

1.通用的錯誤

我們可以使用Error對象創建一個新的Error,然後使用throw關鍵字顯式拋出該錯誤。


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


2.處理特定的錯誤類型

我們還可以使用如下的instanceof關鍵字來處理特定的錯誤類型。


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


3.自定義錯誤類型

我們還可以通過創建繼承Error對象的類來定義自己的錯誤類型。


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


瀏覽器兼容性

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

Error 的對象類型

現在讓我們討論可用於處理不同錯誤的不同錯誤對象類型。

1. EvalError

創建一個error實例,表示錯誤的原因:與 eval() 有關。

這裡要注意的一點是,當前ECMAScript規範不支持它,並且運行時不會將其拋出。取而代之的是,我們可以使用SyntaxError錯誤。但是,它仍然可以與ECMAScript的早期版本向後兼容。

語法

<code>new EvalError([message[, fileName[, lineNumber]]])/<code>

事例


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


瀏覽器兼容性

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

2. RangeError

創建一個error實例,表示錯誤的原因:數值變量或參數超出其有效範圍。

<code>new RangeError([message[, fileName[, lineNumber]]])/<code>

下面的情況會觸發該錯誤:

1)根據String.prototype.normalize(),我們傳遞了一個不允許的字符串值。

<code>// Uncaught RangeError: The normalization form should be one of NFC, NFD, NFKC, NFKD
String.prototype.normalize(“-1”)/<code>

2)使用Array構造函數創建非法長度的數組

<code>// RangeError: Invalid array length
var arr = new Array(-1);/<code>

3)諸如 Number.prototype.toExponential(),Number.prototype.toFixed()或Number.prototype.toPrecision()之類的數字方法會接收無效值。


你知道 JavaScript 中的錯誤對象有哪些類型嗎?

事例

對於數值


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


對於非數值


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


瀏覽器兼容性

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

3. ReferenceError

創建一個error實例,表示錯誤的原因:無效引用。

<code>new ReferenceError([message[, fileName[, lineNumber]]])/<code>

事例

ReferenceError被自動觸發。


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


顯式拋出ReferenceError


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


瀏覽器兼容性

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

4. SyntaxError

創建一個error實例,表示錯誤的原因:eval()在解析代碼的過程中發生的語法錯誤。

換句話說,當 JS 引擎在解析代碼時遇到不符合語言語法的令牌或令牌順序時,將拋出SyntaxError。

捕獲語法錯誤


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


創建一個SyntaxError


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


瀏覽器兼容性

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

5. TypeError

創建一個error實例,表示錯誤的原因:變量或參數不屬於有效類型。

<code>new TypeError([message[, fileName[, lineNumber]]])/<code>

下面情況會引發 TypeError:

  • 在傳遞和預期的函數的參數或操作數之間存在類型不兼容。
  • 試圖更新無法更改的值。
  • 值使用不當。

例如:


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


捕獲TypeError


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


創建 TypeError


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


瀏覽器兼容性

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

6. URIError

創建一個error實例,表示錯誤的原因:給 encodeURI()或 decodeURl()傳遞的參數無效。

如果未正確使用全局URI處理功能,則會發生這種情況。

你知道 JavaScript 中的錯誤對象有哪些類型嗎?

簡單來說,當我們將不正確的參數傳遞給encodeURIComponent()或decodeURIComponent()函數時,就會引發這種情況。

<code>new URIError([message[, fileName[, lineNumber]]])/<code>

encodeURIComponent()通過用表示字符的UTF-8編碼的一個,兩個,三個或四個轉義序列替換某些字符的每個實例來對URI進行編碼。

<code>// "https%3A%2F%2Fmedium.com%2F"
encodeURIComponent('https://medium.com/');/<code>

decodeURIComponent()——對之前由encodeURIComponent創建的統一資源標識符(Uniform Resource Identifier, URI)組件進行解碼。

<code>// https://medium.com/
decodeURIComponent("https%3A%2F%2Fmedium.com%2F")/<code>

捕捉URIError


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


顯式拋出URIError


你知道 JavaScript 中的錯誤對象有哪些類型嗎?


瀏覽器兼容性

你知道 JavaScript 中的錯誤對象有哪些類型嗎?


作者:Isha Jauhari 譯者:前端小智 來源:dottoro原文:http://help.dottoro.com/ljfhismo.php



分享到:


相關文章: