在前端开发中，我们经常会遇到各种异常错误，例如网络请求失败、数据格式不正确等等。为了更好地处理这些异常，ECMAScript 2021 (ES12) 引入了一种新的抛出异常方式，即 try...catch...finally。
传统的 try...catch 语句
在 ES11 及之前的版本中，try...catch 语句用于捕获可能发生的异常，示例如下：
try {
// 可能会抛出异常的代码
} catch (error) {
// 异常处理逻辑
} finally {
// 最终执行的代码
}在这个语句中，try 代码块中的代码可能会抛出异常，如果发生异常，则会进入 catch 代码块中进行处理。无论是否发生异常，最终都会执行 finally 代码块中的代码。
不过，这种方式存在一些问题。比如，在 catch 代码块中处理异常后，我们可能希望将异常继续向上抛出，让上层代码也能够捕获并处理异常。但是，传统的 try...catch 语句并不支持这种方式。
ES12 中的 try...catch...finally
为了解决这个问题，ES12 引入了一种新的抛出异常方式。我们可以在 catch 代码块中重新抛出异常，示例如下：
try {
// 可能会抛出异常的代码
} catch (error) {
// 异常处理逻辑
throw error; // 重新抛出异常
} finally {
// 最终执行的代码
}在这个语句中，如果 try 代码块中的代码发生异常，则会进入 catch 代码块中进行处理。在 catch 代码块中，我们可以对异常进行处理，然后使用 throw 语句重新抛出异常。这样，异常就会继续向上层代码抛出，直到有代码能够处理这个异常。
此外，ES12 还引入了一个新的语法，可以让我们在 finally 代码块中获取到 try 代码块中的返回值。示例如下：
-- -------------------- ---- ------- --- ------ - --- - -- ---------- - ----- ------- - -- ------ ----- ------ -- ------ - ------- - -- ------- ---------- --
在这个语句中，try 代码块中的代码可能会抛出异常。如果发生异常，则会进入 catch 代码块中进行处理，并重新抛出异常。最终，finally 代码块中的代码会执行，然后返回一个字符串 "finally"。如果 try 代码块中没有发生异常，则直接返回 try 代码块中的返回值。
总结
使用 ECMAScript 2021 (ES12) 的 try...catch...finally 更新抛出异常方式，可以更好地处理异常，并让异常能够向上层代码抛出。同时，使用 finally 代码块可以在不管是否发生异常的情况下，执行一些必要的代码。
总之，try...catch...finally 是一种非常有用的语法，可以帮助我们更好地处理异常，提高代码的健壮性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d78be21886fbafa455d6e3