如何在 ES11 中使用可选 catch 绑定？

ES11（也称为 ES2020）是 ECMAScript 标准的最新版本，该版本发布了不少新特性。其中，可选 catch 绑定（Optional catch binding）是最受关注的之一。

在过去的 JavaScript 版本中，捕获异常时都需要显式地声明一个变量，例如：

try {
  // do something
} catch (error) {
  // handle error
}

在这个例子中，catch 代码块中声明了一个 error 变量，它将捕获 try 代码块抛出的任何异常。虽然这种方式很常见，但它是一种必须的方式，也就是说开发人员必须声明一个变量来捕获异常。

像这样，ES11 中的可选 catch 绑定引入了一种新的语法形式，可以省略 catch 块中的变量声明。这个新特性提供了一个更加简洁的方式，使得开发人员能够在捕获异常时写出更加优雅的代码。

可选 catch 绑定的语法

可选 catch 绑定的语法非常简单, 只要在 catch 关键字后面使用小括号 () 而不是变量名称 :

try {
  // do something
} catch () {
  // handle error
}

如果需要声明错误，您仍然可以使用 catch (error) 的常规方式来捕获异常。

为什么要使用可选 catch 绑定？

使用可选 catch 绑定可以简化您的代码, 并使其更容易读取和理解。当你不需要捕获异常以进一步处理时, 使用可选 catch 绑定就足够了。

例如：

try {
  // do something
} catch () {
  console.log('An error occurred');
}

在这个例子中，我们将不会执行任何有用的错误处理。我们可以简单地添加一个日志语句来声明发生了错误，并简洁明了地表达意图。

示例代码

下面是一个使用了可选 catch 绑定语法的示例代码：

try {
  // some code that can throw an error
} catch () {
  console.log('An error occurred, but we don\'t need to do anything about it');
}

这个例子中我们不需要处理具体的错误，因此我们省略了 catch 块中的变量。即使我们用常规方式捕获异常，这个错误也不会下降到第二个 catch 代码块，因为已经在第一个 catch 代码块中处理了这个异常。

try {
  // some code that can throw an error
} catch (error) {
  console.log('An error occurred:', error.message);
} catch () {
  console.log('Unexpected error');
}

在这个例子中，我们用通常的方式捕获异常。如果第一个 catch 代码块无法处理异常，而错误继续向下传递，第二个 catch 代码块将会捕获该错误，并在控制台中打印出一个相应的消息。

总结

可选 catch 绑定可以帮助开发人员更有效地捕获和处理异常，同时简化代码并提高可读性。当您不需要声明错误时，使用这个新的语法即可实现此功能。但是，如果你需要进一步处理异常，你还是需要使用常规方式去捕获它。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6481474b48841e98940b60f2