JS常見錯誤(Error)及處理方案詳解
更新時間：2020年07月02日 15:32:21 作者：BAHG
這篇文章主要介紹了JS常見錯誤(Error)及處理方案詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
1. 錯誤的類型
Error: 所有錯誤的父類型
錯誤的子類型包括：
- ReferenceError: 引用的變量不存在
- TypeError: 數據類型不正確的錯誤
- RangeError: 數據值不在其所允許的范圍內
- SyntaxError: 語法錯誤
常見的內置錯誤：
（1）ReferenceError: 引用變量不存在
console.log(a) //ReferenceError: a is not defined
（2）TypeError: 數據類型不正確
var b = {}
b.xxx() //TypeError: b.xxx is not a function
（3）RangeError: 數據值不在其所允許的范圍內
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) { //可以通過調試查看error對象的屬性（message屬性: 錯誤相關信息；stack屬性: 函數調用棧記錄信息）
console.log(error.message)
//console.log(error.stack)
}
// 可以繼續(xù)向下執(zhí)行
console.log('出錯之后')
（2）拋出錯誤
function something() {
if (Date.now() % 2 === 1 ){
console.log('當前時間為奇數,可執(zhí)行任務')
} else {
throw new Error('當前時間為偶數無法執(zhí)行任務')
}
}
//情況1 直接調用
something() //Error: 當前時間為偶數無法執(zhí)行任務
console.log('something之后') //不會繼續(xù)這句代碼（沒有對異常進行處理）
//情況2 捕獲處理異常
try {
something()
} catch(error) {
console.log(error.message)
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
凡用過js 中的toFix() 方法的， 應該都知道這個方法存在一個小小的BUG，在IE 下和FF 下對于小數的進位有點不同2014-03-03
這篇文章主要介紹了頁面裝載js及性能分析方法,需要的朋友可以參考下2014-03-03
這篇文章主要給大家介紹了關于JavaScript字符串轉數字的簡單實現方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
這篇文章主要介紹了JavaScript中常見的事件用法小結,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了如何利用Cesium實現衛(wèi)星在軌繞行動畫，文中的示例代碼講解詳細，對我們了解Cesium有一定的幫助，感興趣的可以嘗試一下2022-06-06
這篇文章主要介紹了JavaScript事件冒泡機制原理實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
大家在開發(fā)JavaScript應用的時候，如果遇到這種大量節(jié)點的情況，不妨將DocumentFragment作為一個備選的方案。2010-06-06
js老生常談之this,constructor ,prototype全面解析
下面小編就為大家?guī)硪黄猨s老生常談之this,constructor ,prototype。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
在第一章中我提到一個初次看起來可能不是那么好理解的是一個問題：“如果一個元素和他的父元素對于同樣的事件都有事件處理程序，那么哪個會首先執(zhí)行呢？”毫無疑問，看是什么瀏覽器。2010-02-02
這篇文章主要為大家詳細介紹了小程序實現列表展開收起效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07