JS 使用try catch捕获异常

前端是攻克客户的先锋，需要特别注意到用户体验。在开发中，由于各种问题，异常的出现时不可控的，所以需要对异常进行处理，优化用户体验。

1.try catch finally使用

try语句允许定义在执行时进行错误测试的代码块。

catch 语句允许定义当 try 代码块发生错误时，所执行的代码块。

finally 语句在 try和 catch之后无论有无异常都会执行。

注意点： catch 和 finally语句都是可选的，但在使用 try语句时必须至少使用一个。当错误发生时， JavaScript 会停止执行，并生成一个错误信息。可以使用throw语句 来创建自定义消息(抛出异常)

2.异常处理的必要

增强用户体验，准确定位问题，完善的前端处理方案，比如前端监控系统

3.异常处理的场景

1. JS 语法错误、代码异常
2. Promise 异常
3. Iframe 异常
4. 跨域异常
5. 接口请求AJAX 请求异常
6. 静态资源导入加载异常

4.try catch的注意点

只能捕获到同步的异常，不能捕获语法和异步的异常，在日常使用中需要注意

// 不能捕获语法的异常
try { 
  let name = 'aaa   // 少写'
  } catch(e) {
  console.log('捕获到异常：',e); 
}
// VM421:1 Uncaught SyntaxError: Unexpected identifier

// 不能捕获异步的异常
try { 
  setTimeout(() => { 
    console.log(a) // 未声明a变量
  }, 1000) } catch(e) { 
  console.log('捕获到异常：',e); 
} 
// blog.js:1 Uncaught ReferenceError: a is not defined