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]]]),
第一個參數表示錯誤提示信息,第二個是文件名,第三個是行號。