首頁 > 文章 > web前端 > 詳解JavaScript中的六種錯誤類型

詳解JavaScript中的六種錯誤類型

韦小宝原創: 2018-01-15 11:25:501880瀏覽

本文給大家詳細介紹了JavaScript中的六種錯誤類型,剛入前端坑，英語又不太好的同學，是不是還在為控制台的錯誤抓耳撓腮？今天就帶大家來看看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(&#39;call eval&#39;)");

要注意的是：ES5以上的JavaScript中已經不再拋出該錯誤，但仍然可以透過new關鍵字來自訂該類型的錯誤提示。

以上的6種衍生錯誤，連同原始的Error對象，都是建構子。開發者可以使用它們，認為產生錯誤物件的實例。

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

第一個參數表示錯誤提示訊息，第二個是檔案名，第三個是行號。

總結

以上所述是小編給大家介紹的JavaScript中的六種錯誤類型，希望對大家有幫助！！

詳解JavaScript中的六種錯誤類型

相關文章