錯誤 · 前端筆記

[TOC] # Error ## 參數 `message`：可選的. 可閱讀的錯誤描述信息 `fileName`：可選的. 包含引發異常的代碼的文件名 `lineNumber`：可選的.包含引發異常的代碼的行號 ## 屬性 `Error.prototype `：允許添加屬性到Error實例。 # Error實例 ## 屬性 `SyntaxError.prototype.constructor `：創建實例的構造函數. `SyntaxError.prototype.message `：錯誤信息. 盡管 ECMA-262 指出, SyntaxError 應該提供其子什么的信息屬性,但在 SpiderMonkey 中, 仍是繼承自Error.prototype.message. `SyntaxError.prototype.name `：錯誤的名稱.繼承自 Error. `SyntaxError.prototype.fileName `：拋出該異常的文件路徑.繼承自 Error. `SyntaxError.prototype.lineNumber `：拋出該異常的文件的行號. 繼承自 Error. `SyntaxError.prototype.columnNumber `：拋出該異常的文件的列數. 繼承自 Error. `SyntaxError.prototype.stack `：棧追蹤信息. 繼承自 Error. # 錯誤類型 ## SyntaxError 當Javascript語言解析代碼時,Javascript引擎發現了不符合語法規范的tokens或token順序時拋出`SyntaxError` ~~~ // 變量名不符合規范 var 1 // Uncaught SyntaxError: Unexpected number var 1a // Uncaught SyntaxError: Invalid or unexpected token // 給關鍵字賦值 function = 5 // Uncaught SyntaxError: Unexpected token = ~~~ ## ReferenceError 引用一個不存在的變量時發生的錯誤。將一個值分配給無法分配的對象，比如對函數的運行結果或者函數賦值。 ~~~ // 引用了不存在的變量 a() // Uncaught ReferenceError: a is not defined console.log(b) // Uncaught ReferenceError: b is not defined // 給一個無法被賦值的對象賦值 console.log("abc") = 1 ~~~ ## RangeError RangeError是當一個只超出有效范圍時發生的錯誤。主要的有幾種情況，第一是數組長度為負數，第二是Number對象的方法參數超出范圍，以及函數堆棧超過最大值。 ~~~ // 數組長度為負數 [].length = -5 // Uncaught RangeError: Invalid array length // 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. ~~~ ## TypeError 變量或參數不是預期類型時發生的錯誤。比如使用new字符串、布爾值等原始類型和調用對象不存在的方法就會拋出這種錯誤，因為new命令的參數應該是一個構造函數。 ~~~ // 調用不存在的方法 123() // Uncaught TypeError: 123 is not a function var o = {} o.run() // Uncaught TypeError: o.run is not a function // new關鍵字后接基本類型 var p = new 456 // Uncaught TypeError: 456 is not a constructor ~~~ ## URIError URI相關參數不正確時拋出的錯誤，主要涉及`encodeURI()`、`decodeURI()`、`encodeURIComponent()`、`decodeURIComponent()`、`escape()`和`unescape()`六個函數。 ~~~ decodeURI("%") // Uncaught URIError: URI malformed at decodeURI ~~~ ## EvalError 在ES5以下的JavaScript中，當eval()函數沒有被正確執行時，會拋出evalError錯誤。例如下面的情況： ~~~ var myEval = eval; myEval("alert('call eval')"); ~~~ 需要注意的是：ES5以上的JavaScript中已經不再拋出該錯誤，但依然可以通過new關鍵字來自定義該類型的錯誤提示。 # 參考資料 [MDN - Error]([鏈接](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Error)) [JavaScript中的六種錯誤類型](https://www.jianshu.com/p/467b9a145dcc)