JS常見錯誤(Error)及處理方案詳解
更新時間：2020年07月02日 15:32:21 作者：BAHG
這篇文章主要介紹了JS常見錯誤(Error)及處理方案詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
1. 錯誤的類型
Error: 所有錯誤的父類型
錯誤的子類型包括：
- ReferenceError: 引用的變量不存在
- TypeError: 數(shù)據(jù)類型不正確的錯誤
- RangeError: 數(shù)據(jù)值不在其所允許的范圍內(nèi)
- SyntaxError: 語法錯誤
常見的內(nèi)置錯誤：
（1）ReferenceError: 引用變量不存在
console.log(a) //ReferenceError: a is not defined
（2）TypeError: 數(shù)據(jù)類型不正確
var b = {}
b.xxx() //TypeError: b.xxx is not a function
（3）RangeError: 數(shù)據(jù)值不在其所允許的范圍內(nèi)
function fn(){
fn()
}
fn() //RangeError: Maximum call stack size exceeded
（4）SyntaxError: 語法錯誤
const c = """" //SyntaxError: Unexpected string
2. 錯誤處理
捕獲錯誤: try ... catch
拋出錯誤: throw error
（1）捕獲錯誤
try {
let d
console.log(d.xxx)
} catch (error) { //可以通過調(diào)試查看error對象的屬性（message屬性: 錯誤相關(guān)信息；stack屬性: 函數(shù)調(diào)用棧記錄信息）
console.log(error.message)
//console.log(error.stack)
}
// 可以繼續(xù)向下執(zhí)行
console.log('出錯之后')
（2）拋出錯誤
function something() {
if (Date.now() % 2 === 1 ){
console.log('當(dāng)前時間為奇數(shù),可執(zhí)行任務(wù)')
} else {
throw new Error('當(dāng)前時間為偶數(shù)無法執(zhí)行任務(wù)')
}
}
//情況1 直接調(diào)用
something() //Error: 當(dāng)前時間為偶數(shù)無法執(zhí)行任務(wù)
console.log('something之后') //不會繼續(xù)這句代碼（沒有對異常進(jìn)行處理）
//情況2 捕獲處理異常
try {
something()
} catch(error) {
console.log(error.message)
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
二級域名轉(zhuǎn)向類...2006-11-11
下面小編就為大家?guī)硪黄狫s遍歷鍵值對形式對象或Map形式的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Bootstrap模態(tài)對話框中顯示動態(tài)內(nèi)容的方法
今天小編就為大家分享一篇Bootstrap模態(tài)對話框中顯示動態(tài)內(nèi)容的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了js實現(xiàn)最短的XML格式化工具,實例分析了基于jquery-latest.js實現(xiàn)XML代碼格式化的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
現(xiàn)在說瀑布流式布局似乎有點晚了，但是每一項技術(shù)都是向著“精”和“簡”的方向在不斷發(fā)展，在發(fā)展到極致之前，需要一個相當(dāng)漫長的過程，因此，從這個角度來說，當(dāng)瀑布流被應(yīng)用得越來越多的時候，反而更應(yīng)該討論它，討論如何將它改善2013-11-11
雖然精通jquery，但對它的原型javascript卻不是很了解，最近在學(xué)習(xí)javascript中遇到了一些困難，比如冒泡和捕獲，很多次被提到，但又不知究竟應(yīng)用在何處。找到了一些好文章解惑，在這里分享給大家2014-04-04
文章淺顯易懂的將jQuery異步對象分為了5個步奏，非常有利于我們學(xué)習(xí)記憶，是篇相當(dāng)不錯的學(xué)習(xí)jQuery異步對象的文章，這里推薦給大家。2014-11-11
xmlplus組件設(shè)計系列之文本框（TextBox)（3）
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設(shè)計系列之文本框，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圓形進(jìn)度條動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
下面小編就為大家分享一篇mui back 返回刷新頁面的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12