捕获异常
捕获异常:处理可能出现的异常,当发生错误后,我们对它进行处理,不让程序崩溃。
异常处理 try-catch-finally
try{
// 可能出现异常的:代码1
}catch(err){
// 当代码发生异常后,会执行这里,异常对象会传递给 err
// 代码不发生异常,则不会执行这里
// 代码2
console.log('异常对象', err)
} finally{
// 可以省略,无论是否发生异常,都会执行这里
// 代码3
console.log('finally')
}
使用try-catch 处理常见异常[ctcm升级]
let obj = {}
try{
// 因为 JSON.parse 有可能会报错。obj的值可能是一个数组,对象,null
obj = JSON.parse(localStorage.getItem('aa'))
// 操作这个obj一定要注意,因为有可能是个null
}catch(err){
// 报错之后怎么处理
obj ={}
}
console.log('obj', obj)
手动抛出异常
不仅浏览器会自动给我们抛出异常,我们还可以手动抛出异常。
语法是 throw 异常对象[这个异常对象可以是一个数字,数组,对象]
但是我们为了规范,一般会 throw new 错误类型
下面就是常见的错误类型
throw new SyntaxError("语法错误")
throw new TypeError("类型错误")
手动抛出异常错误
try{
JSON.parse("{name:123}")
}catch(err){
throw new SyntaxError('语法错误')
}
错误类型有哪些?
1,SyntaxError 表示语法错误
2,TypeError 类型错误
3,ReferenceError 引用错误
4,RangeError 范围错误
5,URIErrorURI 错误
这些错误对象都是继承Error的【重要】
TypeError 类型错误
let numberValue = 1
// 报错 Uncaught TypeError[类型错误]
a.find(item => {
console.log('item', item)
})
语法错误
// VM41:1 Uncaught SyntaxError[表示语法错误]
JSON.parse("{name:123}")
ReferenceError 引用错误
try {
console.log(str);
} catch (err) {
console.error('捕获到引用错误:', err);
}
RangeError 范围错误
try {
let numArray = new Array(-1);
} catch (err) {
console.error('捕获到范围错误:', err);
}
URIError错误
try {
decodeURIComponent('%');
} catch (err) {
console.error('捕获到 URI 错误:', err);
}
抛出异常时后面的代码将不会在执行了
try{
JSON.parse("{name:123}")
}catch(err){
throw new SyntaxError('语法错误')
console.log('1111')
}
console.log('222')
会输出111 和 222 吗?
回答:不会。因为抛出了异常,后面的代码不会执行了
抛出异常后面的代码将不会执行,但是会执行finally
try{
JSON.parse("{name:123}")
}catch(err){
throw new SyntaxError('语法错误')
console.log('1111')
} finally{
console.log('finally')
}
console.log('222')
输出的是 finally
localStorage,sessionStorage获取本地不存在key输出的是什么? [小常识]
回答:输出的是null,
let str = localStorage.getItem('aa')
console.log('str', str) // 输出 null
let arr = sessionStorage.getItem('bb')
console.log('arr', arr) // 输出 null
JSON.parse转化null得到的是什么?[小常识]
回答:得到的也是 null
JSON.parse转化'[]'得到的是什么?[小常识]
console.log('obj', JSON.parse('[]')) // 输出的是 []
JSON.parse转化'{}'得到的是什么?[小常识]
console.log('obj', JSON.parse('{}')) // 输出的是 {}
JSON.parse转化""得到的是什么?
console.log('obj', JSON.parse('""'))// 输出的是 ""空字符串
JSON.parse转化'123'得到的是什么?[小常识]
console.log('str', JSON.parse('1212')) // 输出的是 123
这个输出多少?[小常识]
console.log('obj', JSON.parse("{a:123}"))
会报错,因为不是JSON格式
本地存储,要考虑是否使用 try-catch ?[小常识]
一般来说,做好写上