剛入前端坑,英語又不太好的同學,是不是還在為控制臺的錯誤抓耳撓腮?今天就帶大家看一看javaScript中常見的錯誤類型。 js中的控制臺的報錯信息主要分為兩大類,第一類是語法錯誤,這一類錯誤在預解析的過程中如果遇到,就會導致整個js文件都無法執行。另一類錯誤統稱為異常,這一類的錯誤會導致在錯誤出現的那一行之后的代碼無法執行,但在那一行之前的代碼不會受到影響。 1. SyntaxError:語法錯誤// 1. Syntax Error: 語法錯誤// 1.1 變量名不符合規范var 1 // Uncaught SyntaxError: Unexpected numbervar 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 definedconsole.log(b) // Uncaught ReferenceError: b is not defined// 2.2 給一個無法被賦值的對象賦值console.log("abc") = 1 // Uncaught ReferenceError: Invalid left-hand side in assignment3. 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 functionvar o = {}o.run() // Uncaught TypeError: o.run is not a function// 4.2 new關鍵字后接基本類型var p = new 456 // Uncaught TypeError: 456 is not a constructor5. URIError,URL錯誤主要是相關函數的參數不正確。 decodeURI("%") // Uncaught URIError: URI malformed at decodeURIURI相關參數不正確時拋出的錯誤,主要涉及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]]]),第一個參數表示錯誤提示信息,第二個是文件名,第三個是行號。