异常try-catch-finally与存储和JSON.parse

捕获异常

捕获异常：处理可能出现的异常，当发生错误后，我们对它进行处理，不让程序崩溃。

异常处理 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 ？[小常识]

一般来说,做好写上

本地存储，是否要考虑一下用户有好几个账号这样的情况？[ctcm升级]

在兼容性问题上，通常考虑 null, undefined, NaN, 0, '', '0'