快捷導(dǎo)航

簡(jiǎn)單聊聊Js中的常見(jiàn)錯(cuò)誤類型

更新時(shí)間：2022年02月17日 12:39:05 作者：toney文

bug是應(yīng)用程序的重要組成部分,編碼過(guò)程也是發(fā)現(xiàn)bug,然后解決bug的過(guò)程,下面這篇文章主要給大家介紹了關(guān)于Js中常見(jiàn)錯(cuò)誤類型的相關(guān)資料,需要的朋友可以參考下

前言

js在開發(fā)過(guò)程經(jīng)常會(huì)遇到各種各樣的報(bào)錯(cuò)，那么你了解這些錯(cuò)誤產(chǎn)生的原因嗎？下面跟我一起認(rèn)識(shí)這幾種常見(jiàn)的錯(cuò)誤類型吧

JavaScript中的錯(cuò)誤類型

Error
EvalError
RangeError
ReferenceError
SyntaxError
TypeError
URIError

Error

Error是最基本的錯(cuò)誤類型，其他的錯(cuò)誤類型都繼承自該類型。因此，所有錯(cuò)誤的類型共享了一組相同的屬性。這個(gè)類型的錯(cuò)誤很少見(jiàn)。一般使用開發(fā)人員自定義拋出的錯(cuò)誤。

EvalError

這個(gè)錯(cuò)誤會(huì)在使用eval()函數(shù)發(fā)生異常時(shí)候拋出。兩種情況會(huì)出錯(cuò)：

new eval();
eval = foo;

上面兩個(gè)的意思結(jié)合就是沒(méi)有直接調(diào)用eval函數(shù)，而是new或者是重新賦值這個(gè)錯(cuò)誤基本上不會(huì)遇到，因?yàn)閑val函數(shù)本來(lái)用的就不多。不過(guò)需要注意的是，eval是一個(gè)關(guān)鍵字。

RangeError

這個(gè)錯(cuò)誤會(huì)在數(shù)值超出相應(yīng)范圍時(shí)觸發(fā)。比如使用new Array()的時(shí)候傳遞一個(gè)負(fù)數(shù)或者是超過(guò)數(shù)組最大長(zhǎng)度（4,294,967,295）的數(shù)，比如Number.MAX_VALUE，Number.MIN_VALUE。注意遞歸爆炸也有這個(gè)錯(cuò)誤。

RangeError：范圍錯(cuò)誤

RangeError是當(dāng)一個(gè)只超出有效范圍時(shí)發(fā)生的錯(cuò)誤。主要的有幾種情況，第一是數(shù)組長(zhǎng)度為負(fù)數(shù)，第二是Number對(duì)象的方法參數(shù)超出范圍，以及函數(shù)堆棧超過(guò)最大值。

// 3.RangeError：范圍錯(cuò)誤
// 3.1 數(shù)組長(zhǎng)度為負(fù)數(shù)
[].length = -5      // Uncaught RangeError: Invalid array length
// 3.2 Number對(duì)象的方法參數(shù)超出范圍
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
// 說(shuō)明: toFixed方法的作用是將數(shù)字四舍五入為指定小數(shù)位數(shù)的數(shù)字,參數(shù)是規(guī)定小數(shù)的位數(shù)，是 0 ~ 20 之間的值，包括 0 和 20，有些實(shí)現(xiàn)可以支持更大的數(shù)值范圍。如果省略了該參數(shù)，將用 0 代替。

ReferenceError

這個(gè)錯(cuò)誤一般就是出現(xiàn)在變量找不到的情況，比如：

var a = b;
Uncaught ReferenceError: b is not defined

這時(shí)候就需要檢查一下這個(gè)變量了

SyntaxError

當(dāng)Javascript語(yǔ)言解析代碼時(shí),Javascript引擎發(fā)現(xiàn)了不符合語(yǔ)法規(guī)范的tokens或token順序時(shí)拋出SyntaxError。

SyntaxError：語(yǔ)法錯(cuò)誤
// 1. Syntax Error: 語(yǔ)法錯(cuò)誤
// 1.1 變量名不符合規(guī)范
var 1       // Uncaught SyntaxError: Unexpected number
var 1a       // Uncaught SyntaxError: Invalid or unexpected token
// 1.2 給關(guān)鍵字賦值
function = 5     // Uncaught SyntaxError: Unexpected token =

然后也可能因?yàn)槭褂昧酥形姆?hào)，少了括號(hào)，這樣的錯(cuò)誤也是語(yǔ)法錯(cuò)誤

//Uncaught SyntaxError: Invalid or unexpected token

TypeError

這個(gè)錯(cuò)誤在JavaScript中是經(jīng)常遇到的，不管是初學(xué)者還是老手。在變量中保存著以外的類型時(shí)，或者在訪問(wèn)不存在的方法時(shí)。都會(huì)導(dǎo)致這種錯(cuò)誤。但是歸根結(jié)底還是由于在執(zhí)行特定于類型的操作時(shí)，變量的類型并不符合要求所致。比如：