JavaScript中的六種錯誤類型

剛入前端坑，英語又不太好的同學，是不是還在爲控制檯的錯誤抓耳撓腮？今天就帶大家看一看JavaScript中常見的錯誤類型。

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. TypeError類型錯誤

變量或參數不是預期類型時發生的錯誤。比如使用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，URL錯誤

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

decodeURI("%")                   // Uncaught URIError: URI malformed at decodeURI
URI相關參數不正確時拋出的錯誤，主要涉及encodeURI、decodeURI()、encodeURIComponent()、decodeURIComponent()、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]]])，
第一個參數表示錯誤提示信息，第二個是文件名，第三個是行號。