【JS】异常处理

异常处理是真实项目中必不可少的一个部分。因为一个稍微复杂点的项目一般都多多少少都有一些意想不到的 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('能执行这行代码吗？');

我们看到运行结果。

因为 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);  }}

这就是运行结果。

报错是红色字，因为我用了 console.erroe() 。

详细用法可以看 【JS】console - 控制台的几种输出方式

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

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

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

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