詳解JavaScript中的六種錯誤類型
剛?cè)肭岸丝?,英語又不太好的同學(xué),是不是還在為控制臺的錯誤抓耳撓腮?今天就帶大家看一看JavaScript中常見的錯誤類型。
js中的控制臺的報錯信息主要分為兩大類,第一類是語法錯誤,這一類錯誤在預(yù)解析的過程中如果遇到,就會導(dǎo)致整個js文件都無法執(zhí)行。另一類錯誤統(tǒng)稱為異常,這一類的錯誤會導(dǎo)致在錯誤出現(xiàn)的那一行之后的代碼無法執(zhí)行,但在那一行之前的代碼不會受到影響。
1. SyntaxError:語法錯誤
// 1. Syntax Error: 語法錯誤 // 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 =
2. Uncaught ReferenceError:引用錯誤
引用一個不存在的變量時發(fā)生的錯誤。將一個值分配給無法分配的對象,比如對函數(shù)的運(yùn)行結(jié)果或者函數(shù)賦值。
// 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是當(dāng)一個只超出有效范圍時發(fā)生的錯誤。主要的有幾種情況,第一是數(shù)組長度為負(fù)數(shù),第二是Number對象的方法參數(shù)超出范圍,以及函數(shù)堆棧超過最大值。
// 3.1 數(shù)組長度為負(fù)數(shù) [].length = -5 // Uncaught RangeError: Invalid array length // 3.2 Number對象的方法參數(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 // 說明: toFixed方法的作用是將數(shù)字四舍五入為指定小數(shù)位數(shù)的數(shù)字,參數(shù)是小數(shù)點(diǎn)后的位數(shù),范圍為0-20.
4. TypeError類型錯誤
變量或參數(shù)不是預(yù)期類型時發(fā)生的錯誤。比如使用new字符串、布爾值等原始類型和調(diào)用對象不存在的方法就會拋出這種錯誤,因?yàn)閚ew命令的參數(shù)應(yīng)該是一個構(gòu)造函數(shù)。
// 4.1 調(diào)用不存在的方法
123() // Uncaught TypeError: 123 is not a function
var o = {}
o.run() // Uncaught TypeError: o.run is not a function
// 4.2 new關(guān)鍵字后接基本類型
var p = new 456 // Uncaught TypeError: 456 is not a constructor
5. URIError,URL錯誤
主要是相關(guān)函數(shù)的參數(shù)不正確。
decodeURI("%") // Uncaught URIError: URI malformed at decodeURI
URI相關(guān)參數(shù)不正確時拋出的錯誤,主要涉及encodeURI、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()六個函數(shù)。
6. EvalError eval()函數(shù)執(zhí)行錯誤
在ES5以下的JavaScript中,當(dāng)eval()函數(shù)沒有被正確執(zhí)行時,會拋出evalError錯誤。
例如下面的情況:
var myEval = eval;
myEval("alert('call eval')");
需要注意的是:ES5以上的JavaScript中已經(jīng)不再拋出該錯誤,但依然可以通過new關(guān)鍵字來自定義該類型的錯誤提示。
以上的6種派生錯誤,連同原始的Error對象,都是構(gòu)造函數(shù)。開發(fā)者可以使用它們,認(rèn)為生成錯誤對象的實(shí)例。
new Error([message[,fileName[,lineNumber]]]),
第一個參數(shù)表示錯誤提示信息,第二個是文件名,第三個是行號。
總結(jié)
以上所述是小編給大家介紹的JavaScript中的六種錯誤類型,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JS中數(shù)據(jù)結(jié)構(gòu)與算法---排序算法(Sort Algorithm)實(shí)例詳解
排序也稱排序算法 (Sort Algorithm),排序是將 一組數(shù)據(jù) , 依指定的順序 進(jìn)行 排列的過程 。這篇文章主要介紹了數(shù)據(jù)結(jié)構(gòu)與算法---排序算法(Sort Algorithm),需要的朋友可以參考下2019-06-06
JavaScript 基礎(chǔ)表單驗(yàn)證示例(純Js實(shí)現(xiàn))
下面小編就為大家?guī)硪黄狫avaScript 基礎(chǔ)表單驗(yàn)證示例(純Js實(shí)現(xiàn))。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
typeScript中數(shù)組類型定義及應(yīng)用詳解
相信大家應(yīng)該都知道ts只允許數(shù)組中包括一種數(shù)據(jù)類型的值,下面這篇文章主要給大家介紹了關(guān)于typeScript中數(shù)組類型定義及應(yīng)用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
js通過循環(huán)多張圖片實(shí)現(xiàn)動畫效果
這篇文章主要為大家詳細(xì)介紹了js通過循環(huán)多張圖片實(shí)現(xiàn)動畫效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12
layer頁面跳轉(zhuǎn),獲取html子節(jié)點(diǎn)元素的值方法
今天小編就為大家分享一篇layer頁面跳轉(zhuǎn),獲取html子節(jié)點(diǎn)元素的值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09

