詳解JavaScript中的六種錯(cuò)誤類型
剛?cè)肭岸丝?,英語又不太好的同學(xué),是不是還在為控制臺(tái)的錯(cuò)誤抓耳撓腮?今天就帶大家看一看JavaScript中常見的錯(cuò)誤類型。
js中的控制臺(tái)的報(bào)錯(cuò)信息主要分為兩大類,第一類是語法錯(cuò)誤,這一類錯(cuò)誤在預(yù)解析的過程中如果遇到,就會(huì)導(dǎo)致整個(gè)js文件都無法執(zhí)行。另一類錯(cuò)誤統(tǒng)稱為異常,這一類的錯(cuò)誤會(huì)導(dǎo)致在錯(cuò)誤出現(xiàn)的那一行之后的代碼無法執(zhí)行,但在那一行之前的代碼不會(huì)受到影響。
1. SyntaxError:語法錯(cuò)誤
// 1. Syntax Error: 語法錯(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 =
2. Uncaught ReferenceError:引用錯(cuò)誤
引用一個(gè)不存在的變量時(shí)發(fā)生的錯(cuò)誤。將一個(gè)值分配給無法分配的對(duì)象,比如對(duì)函數(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 給一個(gè)無法被賦值的對(duì)象賦值 console.log("abc") = 1 // Uncaught ReferenceError: Invalid left-hand side in assignment
3. RangeError:范圍錯(cuò)誤
RangeError是當(dāng)一個(gè)只超出有效范圍時(shí)發(fā)生的錯(cuò)誤。主要的有幾種情況,第一是數(shù)組長度為負(fù)數(shù),第二是Number對(duì)象的方法參數(shù)超出范圍,以及函數(shù)堆棧超過最大值。
// 3.1 數(shù)組長度為負(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 // 說明: toFixed方法的作用是將數(shù)字四舍五入為指定小數(shù)位數(shù)的數(shù)字,參數(shù)是小數(shù)點(diǎn)后的位數(shù),范圍為0-20.
4. TypeError類型錯(cuò)誤
變量或參數(shù)不是預(yù)期類型時(shí)發(fā)生的錯(cuò)誤。比如使用new字符串、布爾值等原始類型和調(diào)用對(duì)象不存在的方法就會(huì)拋出這種錯(cuò)誤,因?yàn)閚ew命令的參數(shù)應(yīng)該是一個(gè)構(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錯(cuò)誤
主要是相關(guān)函數(shù)的參數(shù)不正確。
decodeURI("%") // Uncaught URIError: URI malformed at decodeURI
URI相關(guān)參數(shù)不正確時(shí)拋出的錯(cuò)誤,主要涉及encodeURI、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()六個(gè)函數(shù)。
6. EvalError eval()函數(shù)執(zhí)行錯(cuò)誤
在ES5以下的JavaScript中,當(dāng)eval()函數(shù)沒有被正確執(zhí)行時(shí),會(huì)拋出evalError錯(cuò)誤。
例如下面的情況:
var myEval = eval; myEval("alert('call eval')");
需要注意的是:ES5以上的JavaScript中已經(jīng)不再拋出該錯(cuò)誤,但依然可以通過new關(guān)鍵字來自定義該類型的錯(cuò)誤提示。
以上的6種派生錯(cuò)誤,連同原始的Error對(duì)象,都是構(gòu)造函數(shù)。開發(fā)者可以使用它們,認(rèn)為生成錯(cuò)誤對(duì)象的實(shí)例。
new Error([message[,fileName[,lineNumber]]]),
第一個(gè)參數(shù)表示錯(cuò)誤提示信息,第二個(gè)是文件名,第三個(gè)是行號(hào)。
總結(jié)
以上所述是小編給大家介紹的JavaScript中的六種錯(cuò)誤類型,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
webpack學(xué)習(xí)筆記之代碼分割和按需加載的實(shí)例詳解
本篇文章主要介紹了webpack學(xué)習(xí)筆記之代碼分割和按需加載的實(shí)例詳解,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07基于Bootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)硪黄贐ootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07js實(shí)現(xiàn)緩動(dòng)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)緩動(dòng)動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11利用MutationObserver實(shí)現(xiàn)計(jì)算首屏?xí)r間
在前端開發(fā)中,優(yōu)化頁面性能是至關(guān)重要的,計(jì)算首屏?xí)r間是衡量網(wǎng)頁性能的重要指標(biāo),本文將介紹如何使用MutationObserver來獲取首屏?xí)r間的最佳實(shí)踐,感興趣的可以了解下2023-07-07Javascript 定時(shí)器調(diào)用傳遞參數(shù)的方法
Javascript 定時(shí)器調(diào)用傳遞參數(shù)的方法,需要的朋友可以參考下。2009-11-11