詳解JavaScript中的六種錯誤類型
剛?cè)肭岸丝樱⒄Z又不太好的同學(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ù)點后的位數(shù),范圍為0-20.
4. TypeError類型錯誤
變量或參數(shù)不是預(yù)期類型時發(fā)生的錯誤。比如使用new字符串、布爾值等原始類型和調(diào)用對象不存在的方法就會拋出這種錯誤,因為new命令的參數(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)為生成錯誤對象的實例。
new Error([message[,fileName[,lineNumber]]]),
第一個參數(shù)表示錯誤提示信息,第二個是文件名,第三個是行號。
總結(jié)
以上所述是小編給大家介紹的JavaScript中的六種錯誤類型,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
webpack學(xué)習(xí)筆記之代碼分割和按需加載的實例詳解
本篇文章主要介紹了webpack學(xué)習(xí)筆記之代碼分割和按需加載的實例詳解,具有一定的參考價值,有興趣的可以了解一下2017-07-07基于Bootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)硪黄贐ootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07利用MutationObserver實現(xiàn)計算首屏?xí)r間
在前端開發(fā)中,優(yōu)化頁面性能是至關(guān)重要的,計算首屏?xí)r間是衡量網(wǎng)頁性能的重要指標(biāo),本文將介紹如何使用MutationObserver來獲取首屏?xí)r間的最佳實踐,感興趣的可以了解下2023-07-07Javascript 定時器調(diào)用傳遞參數(shù)的方法
Javascript 定時器調(diào)用傳遞參數(shù)的方法,需要的朋友可以參考下。2009-11-11