在前端开发中，try catch 语句是常用的异常处理方式之一，它用于捕捉代码块中可能出现的异常并进行相应的处理。在 ECMAScript 2020 中，try catch 语句的流程得到了优化，使程序的异常处理更加高效。
普通的 try catch 流程
首先，我们来看一下普通的 try catch 流程。一般情况下，我们使用 try catch 语句处理异常的代码如下：
try {
// 可能会出现异常的代码块
} catch (error) {
// 异常处理
}在执行 try 代码块时，如果发生异常，就会跳转到 catch 代码块去执行相应的异常处理。如果 try 代码块中没有发生异常，catch 代码块就不会执行。这种流程虽然简单易懂，但存在一个问题，即在异常处理后，程序会继续执行 try 代码块后面的代码，即便这些代码与异常处理无关。
新增的 try catch 流程
为了解决上述问题，ECMAScript 2020 中新增了 try catch 的新流程。新流程的代码形式如下：
try {
// 可能会出现异常的代码块
} catch (error) {
// 异常处理
} finally {
// 此处代码会在 try catch 结束后执行
}相比于普通的 try catch，新流程的主要区别在于新增了一个 finally 代码块。该代码块中的代码会在 try catch 结束后强制执行，无论 try 块中是否发生异常。因此，我们可以在 finally 代码块中编写与异常处理无关的代码，保证程序的正常运行。
实例分析
下面我们通过一个实例来对新流程进行分析。假设我们需要从服务器获取数据，该数据为 JSON 格式。我们使用 fetch 函数获取数据，并使用 try catch 语句进行异常处理。当数据成功获取时，我们将数据转换成对象并输出；当数据获取失败时，我们将错误信息输出。
在普通的 try catch 流程中，代码如下：
-- -------------------- ---- ------- --- - ----- -------- - ----- ----------- -- ---- ----- ---- - ----- ---------------- -- ---- ------------------ -- ---- - ----- ------- - ---------------------- ------- -- ------ -- --------- ------- --------------- - ---------------------- -- ----------
在上述代码执行时，如果数据成功获取，程序会输出数据并执行后续代码。但是当数据获取失败时，我们依然会输出“数据获取完毕”这句话。这显然是不合理的，因为在数据获取失败时，后续代码的执行也应该停止。
下面我们将新流程引入代码中，并给出解决方案。
-- -------------------- ---- ------- --- - ----- -------- - ----- ----------- ----- ---- - ----- ---------------- ------------------ - ----- ------- - ---------------------- ------- - ------- - ---------------------- -- -------- -
在新流程中，我们使用了 finally 代码块，将“数据获取结束”代码移动到其中。这样，在数据获取成功或出现异常时，最后都会输出“数据获取结束”，保证程序得到正常结束。
总结
通过上述实例的分析，我们可以看到，在 ECMAScript 2020 中引入了新的 try catch 流程，通过 finally 代码块的应用，可以保证程序在异常处理后得到正常结束。因此，我们在实际开发中，可以结合 finally 代码块，编写更加健壮的异常处理代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64eaf575f6b2d6eab35a9e29