JavaScript系列—说说try/catch和throw

╰+攻爆jí腚メ 2021-11-05 21:10 749阅读 0赞

### 1.官方解释 ###

首先我们来看看官方的解释

> ## 定义和用法 ##
> 
> try/catch/finally 语句用于处理代码中可能出现的错误信息。
> 
> 错误可能是语法错误，通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。
> 
> **try**语句允许我们定义在执行时进行错误测试的代码块。
> 
> **catch** 语句允许我们定义当 **try** 代码块发生错误时，所执行的代码块。
> 
> **finally** 语句在 try 和 catch 之后无论有无异常都会执行。
> 
> **注意：** catch 和 finally 语句都是可选的，但你在使用 try 语句时必须至少使用一个。
> 
> **提示：** 当错误发生时， JavaScript 会停止执行，并生成一个错误信息。使用 [throw][] 语句 来创建自定义消息(抛出异常)。如果你将 **throw** 和 **try** 、 **catch**一起使用，就可以控制程序输出的错误信息。

**语法**

try \{  
    *tryCode - 尝试执行代码块*  
\}  
catch(*err*) \{  
    *catchCode - 捕获错误的代码块*  
\}   
finally \{  
    *finallyCode - 无论 try / catch 结果如何都会执行的代码块*  
\}

**参数值**

<table> 
 <tbody> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><em>tryCode</em></td> 
   <td>必须。检查是否有错误的代码块。</td> 
  </tr> 
  <tr> 
   <td><em>err</em></td> 
   <td>必须(如果使用 catch)。指定局部变量应用的错误。该变量可以引用 Error 对象 (包含发生的错误信息，如 "'addlert' 没有定义")。如果异常通过 throw 语句创建 ， 该 变量引用了为在throw语句中指定的对象 (查看 "更多实例")</td> 
  </tr> 
  <tr> 
   <td><em>catchCode</em></td> 
   <td>可选。如果 try 语句发生错误执行的代码块。如果 try 语句没发生错误该代码不会执行。</td> 
  </tr> 
  <tr> 
   <td><em>finallyCode</em></td> 
   <td>可选。无论 try / catch 的结果如何都会执行。</td> 
  </tr> 
 </tbody> 
</table>

## 2.个人总结 ##

其实很多人可能看了官网文档还是没有解决自己的疑惑。

1）**js程序在遇到错误的时候是不会继续执行的**

首先明确一点，**js程序在遇到错误的时候是不会继续执行的**，看以下代码就知道了

[https://www.w3school.com.cn/tiy/t.asp?f=jseg\_try\_catch][https_www.w3school.com.cn_tiy_t.asp_f_jseg_try_catch]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70][]

执行以上代码，点击‘’查看消息‘’ ,控制台报错，没有弹出‘走到这里’

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 1][]

2）**try/catch可以让js代码遇到错误了也可以执行下去**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 2][]

执行以上代码，三个alert都会依次弹出，可见try/catch可以帮助程序有了错误依然可以往下执行，并且可以给出错误信息

3）**try/catch也可以中断程序，使用throw new Erroe**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 3][]

看上面代码，会发现控制台报错，不弹出任何一个alert

因为throw会终止代码的运行。既然这里提到了throw，那就复习一下

### 3.throw ###

> **`throw`语句**用来抛出一个用户自定义的异常。当前函数的执行将被停止（`throw`之后的语句将不会执行），并且控制将被传递到调用堆栈中的第一个[`catch`][catch]块。如果调用者函数中没有`catch`块，程序将会终止。

看一个例子

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 4][]

上面的代码，控制台会打印"Parameter is not a number!"，并且弹出1

**如果把 throw 与 try 和 catch 一起使用，那么能够控制程序流，并生成自定义的错误消息。**

[throw]: https://www.runoob.com/jsref/jsref-throw.html
[https_www.w3school.com.cn_tiy_t.asp_f_jseg_try_catch]: https://www.w3school.com.cn/tiy/t.asp?f=jseg_try_catch
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70]: /images/20211104/389fcf70f37b4673b32a60e0f5bbfefd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 1]: /images/20211104/c78984cc926a40b79d7a6813c8869ec7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 2]: /images/20211104/039b70d89740420c991fc8f707f983a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 3]: /images/20211104/81bd09928fe649939aadc1fef1381068.png
[catch]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/try...catch
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW9qc3Vu_size_16_color_FFFFFF_t_70 4]: /images/20211104/5d2cfd01755741eb9cb5eca8cb799713.png