JS 中 的 錯誤 類型

js 中的控制檯的報錯信息主要分爲兩大類,第一類是語法錯誤,這一類錯誤在預解析的過程中如果遇到,就會導致整個 js 文件都無法執行。另一類錯誤統稱爲異常,這一類的錯誤會導致在錯誤出現的那一行之後的代碼無法執行,但在那一行之前的代碼不會受到影響。

1. SyntaxError

// 1. Syntax Error: 語法錯誤
// 1.1 變量名不符合規範
var 1 // Uncaught SyntaxError: Unexpected number
var 1a // Uncaught SyntaxError: Invalid or unexpected token
// 1.2 給關鍵字賦值
function = 5 // Uncaught SyntaxError: Unexpected token =

2. Uncaught ReferenceError

引用一個不存在的變量時發生的錯誤。將一個值分配給無法分配的對象,比如對函數的運行結果或者函數賦值。

// 2.1 引用了不存在的變量
a()
// Uncaught ReferenceError: a is not defined
console.log(b)
// Uncaught ReferenceError: b is not defined
// 2.2 給一個無法被賦值的對象賦值
console.log("abc") = 1
// Uncaught ReferenceError: Invalid left-hand side in assignment

3. RangeError

RangeError 是當一個只超出有效範圍時發生的錯誤。主要的有幾種情況,第一是數組長度爲負數,第二是 Number 對象的方法參數超出範圍,以及函數堆棧超過最大值。

// 3.1 數組長度爲負數
[].length = -5
// Uncaught RangeError: Invalid array length
// 3.2 Number 對象的方法參數超出範圍
var num = new Number(12.34)
console.log(num.toFixed(-1))
// Uncaught RangeError: toFixed() digits argument must be between 0
and 20 at Number.toFixed
// 說明: toFixed 方法的作用是將數字四捨五入爲指定小數位數的數字,參數
是小數點後的位數,範圍爲 0-20.

4. Typr eError 

變量或參數不是預期類型時發生的錯誤。比如使用 new 字符串、布爾值等原始類型和調用對象不存在的方法就會拋出這種錯誤,因爲 new 命令的參數應該是一個構造函數。

// 4.1 調用不存在的方法
123()
// Uncaught TypeError: 123 is not a function
var o = {}
o.run()
// Uncaught TypeError: o.run is not a function
// 4.2 new 關鍵字後接基本類型
var p = new 456
// Uncaught TypeError: 456 is not a constructor

5. URIError ,L URL 

主要是相關函數的參數不正確。

decodeURI("%") // Uncaught URIError: URI malformed
at decodeURI

URI 相關參數不正確時拋出的錯誤,主要涉及 encodeURI、decodeURI()、encodeURIComponent()、ecodeURIComponent()、escape()和 unescape()六個函數。

6. EvalError eval()

在 ES5 以下的 JavaScript 中,當 eval()函數沒有被正確執行時,會拋出evalError 錯誤。
例如下面的情況:

var myEval = eval;
myEval("alert('call eval')");

需要注意的是:ES5 以上的 JavaScript 中已經不再拋出該錯誤,但依然可以通過 new 關鍵字來自定義該類型的錯誤提示。
以上的 6 種派生錯誤,連同原始的 Error 對象,都是構造函數。開發者可以使用它們,認爲生成錯誤對象的實例。

new Error([message[,fileName[,lineNumber]]]),

第一個參數表示錯誤提示信息,第二個是文件名,第三個是行號。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章