【JS】异常处理

微信订阅号：Rabbit_svip

异常处理是真实项目中必不可少的一个部分。因为一个稍微复杂点的项目一般都多多少少都有一些意想不到的bug。

【使用场景 1】

正常情况下，如果程序出现错误，那么从出现错误的地方开始，之后的代码都不会被执行。
但有时候我们希望即使在出现错误后，程序仍需要继续运行。

【使用场景 2】

在项目上线之后，需要再开发新功能。新功能上线，不能保证百分百无bug，这时可以用异常处理来解决出现错误的问题，并把错误信息返回给后台生成错误日志。

---

本节关键字

• throw：抛出一个自定义错误信息
• try：在执行时进行错误测试的代码块。
• catch：当 try 代码块发生错误时，所执行的代码块。
• finally：在 try 和 catch 之后无论有无异常都会执行。

---

例子

console.log(num);

console.log('能执行这行代码吗？');

输出结果
Uncaught ReferenceError: num is not defined

在调用一个未定义的变量时，js是会报错的，而出现错误后的所有代码都不会被执行。所以 console.log('能执行这行代码吗？'); 这句是没被执行的。

如果想要执行，就可以用以下写法

try {
  console.log(num);
} catch  (e) {
  console.log(e);} finally {
  console.log('不管是否出错，这里的代码都会执行。');
}

console.log('能执行这行代码吗？');

微信订阅号：Rabbit_svip

我们看到运行结果。

因为 try 里面的代码出现了错误，所以执行了 catch 里面的代码。

之后又执行了 finally 里面的代码，因为 finally 里写的代码是不管 try 里的代码运行是否出错都会执行的。

最后，会执行 console.log('能执行这行代码吗？'); 。
即使 try 里的代码出现了错误也会执行之后的代码。

• try：必填
• catch：选填
• finally：选填

注意：catch 和 finally 都是可以选填。但在使用 try 语句时，catch 和 finally 必须使用其中一个跟着 try 后面。

以上就是普通异常处理的使用方法。

---

【配合 throw 使用 】

function devide(a, b) {
  if(0 === b) { // 分母为0

    // 抛出异常
    throw '分母不能为零!';
  }
  return a/b;
} try {
  // 可能会出现错误的代码
  console.log(devide(10, 0));
} catch(e) {
  // 出现错误后，会抛出自定义的错误
  console.error(e);
}

微信订阅号：Rabbit_svip

这就是运行结果。

报错是红色字，因为我用了 console.erroe() 。
详细用法可以看 【JS】console - 控制台的几种输出方式

上面的例子，定义了一个 **devide **的函数，判断如果分子为0，就用 **throw **抛出异常。

之后在 **try **里面调用 **devide **函数，如果出现分子为0，则运行 **catch **里面的代码（捕捉异常）。

可以看到，上个面的例子中，并没有用到 **finally 。finally 主要是后端开发的时候用得比较多，比如用 node.js 的时候，finally **主要作用是释放资源。前端很少用得上。

最后需要注意的是，不能所有地方都用这种方式来写，虽然这种方式写的代码出现错误后还能继续运行。但会影响项目的整体性能。