随着 ECMAScript 2020 版本的发布，一个新的特性——可选 Catch 语句（Optional Catch Binding）也同时引入了。这个特性大大简化了异常处理的方式，使代码变得更加清晰和可读。那么，它到底是如何工作的呢？
Catch 到异常的方式
在以前的版本中，我们通常通过以下方式来捕捉异常：
try {
// 可能会抛出错误的代码块
} catch(error) {
// 异常处理逻辑
}这是一个非常基本的异常处理方式，其中 try 块是一段可能会抛出异常的代码，而 catch 块则用来处理这个异常。当异常发生时，控制流将会跳转到 catch 块，把异常对象赋给 error 变量。这种方式的问题在于，如果我们不需要访问异常对象的话，我们也必须声明一个变量来接收它，否则会报错。
try {
// 可能会抛出错误的代码块
} catch {
// 异常处理逻辑
}在 ECMAScript 2020 中，我们有了一种更加简单的方式，即可选 Catch 语句。在这种方式下，我们完全可以省略掉异常对象的绑定，并直接使用 catch 块来处理异常，非常方便。
可选 Catch 语句的工作方式
让我们看一下使用可选 Catch 语句的代码是怎样的：
try {
// 可能会抛出错误的代码块
} catch {
// 异常处理逻辑
}在这段代码中，我们省略了 catch 块中的参数，这就意味着我们不需要访问异常对象。当有异常发生时，控制流将会跳转到 catch 块，并不会绑定异常对象到任何变量上。
使用可选 Catch 语句的好处
除了可以让我们省略异常对象的绑定之外，使用可选 Catch 语句还有以下好处：
- 省略
catch的参数可以使代码更加简洁，不再需要声明未使用的变量。 - 在处理异步代码时，我们可以省略不需要的 try/catch 块，这样可以使程序更加清晰易读。
- 同时也适用于许多没有异常对象的情况，例如
finally块。
可选 Catch 语句的实际应用
让我们看一个应用可选 Catch 语句的实际例子，这个例子涉及到异常处理和 Promise。
-- -------------------- ---- -------
-------- --------------- -
------ --- ----------------- ------- -- -
------------- -- -
--- -
-------------- -------- ----------------
- ----- -
------------- -------- ----------
-
-- ------
---
-
--------------------------- -- -
--------------------
-------------- -- -
-------------------
---这里我们定义了一个异步函数，里面用一个定时器来模拟异步操作。在 setTimeout 中，我们使用了可选 Catch 语句来处理异常。
当异步函数成功时，我们将返回一个 Promise 对象，then 块将会接收这个 Promise 对象，并输出结果。
当异步函数失败时，我们将返回一个 Promise 对象，并使用可选 Catch 语句来将异常永久性地绑定到 Promise 对象失败的原因上。在这个例子中，catch 块在异常发生时将会将 Promise 对象标记为 rejected 状态，从而在 catch 块之后的 catch 块中的代码将会执行。
总结
如此看来，使用可选 Catch 语句一定是一个更加简洁和方便的方式来处理异常，特别是在异步代码中。我们可以通过省略 catch 块的参数来消除其影响，从而更好地理解代码。
但是，在某些情况下，你仍然需要捕捉和处理异常对象。因此，你仍然可以选择传递 catch 块的参数，并绑定异常对象到该变量上。
在实际编写代码时，需要权衡优缺点，并确保代码易读易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649fb32148841e9894c0f172