ES10 的新特性：try-catch 结构中的 optional catch binding

在 ES10 中，Javascript 引入了一个新的特性：try-catch 结构中的 optional catch binding（可选捕获绑定）。这项新特性可以让我们更加灵活地处理程序执行过程中的异常情况。

什么是 optional catch binding

传统的 try-catch 结构中，我们通常会捕获异常并打印出错误信息，以便于排查问题和调试代码。例如：

try {
  // some code that may throw an error
} catch(error) {
  console.error(error);
}

在这个例子中，我们使用 catch(error) 捕获了异常并将异常信息打印到了控制台上。

而 optional catch binding 则是在 catch 语句中，不使用参数名来捕获异常，而是直接使用 catch 关键字。例如：

try {
  // some code that may throw an error
} catch {
  // do something else
}

注意，这里不需要在 catch 后面加上 (error) 或其他参数名，这就是 optional catch binding 的语法。

optional catch binding 的优势

使用 optional catch binding 的最大优势就是可以在不声明参数的情况下捕获异常信息。这样一来，我们就可以忽略掉那些我们并不想在异常情况下处理的错误，并且代码看起来更加简洁。

例如，假设我们有一个函数 getFetchData()，可以用来获取一些网络数据，如果发生错误，函数会抛出一个异常。

我们可以使用传统的 try-catch 结构来捕获错误：

try {
  const data = getFetchData();
  // some code to handle the data
} catch(error) {
  console.error(error);
}

这里我们使用了 catch(error) 来捕获异常，并打印了错误信息。

而现在，我们可以使用 optional catch binding 来简化代码：

try {
  const data = getFetchData();
  // some code to handle the data
} catch {
  // ignore the error
}

这样一来，我们就可以忽略掉 getFetchData() 所可能抛出的错误，而不需要显式地声明参数名。

optional catch binding 的限制

虽然 optional catch binding 带来了方便和简洁，但是它也有一些限制。

首先，在使用 optional catch binding 的情况下，我们无法访问到异常信息。这就意味着，如果我们需要查看具体的错误信息，我们必须使用传统的 try-catch 结构来重新捕获错误。

其次，在一个 try-catch 结构中只能使用一个 optional catch binding。这就意味着，如果我们需要分别处理多种不同的异常情况，我们仍然需要使用传统的 try-catch 结构来分别捕获这些异常。

使用示例

下面是一个使用 optional catch binding 的示例代码：

-- -------------------- ---- -------
-------- --------- -- -
  --- -
    -- -- --- -- -
      ----- ------- ------ -- ----
    -
    ------ - - --
  - ----- -
    -------------------- -- ------ --------- -----
    ------ --
  -
-

---------------------- ---- -- ------- -
---------------------- ---- -- ------- ------- -- ------ --------- --- -

在这个例子中，我们定义了一个 divide() 函数，用于计算两个数的商。如果被除数是 0，函数会抛出一个异常。

在 try 块中，我们先判断了是否能够进行除法运算。如果可以，我们返回计算结果；否则，我们抛出一个异常。

在 catch 块中，我们将会捕获函数运行中产生的异常。由于 optional catch binding 的限制，我们不能够访问异常信息，所以这里直接打印了一个警告信息，然后返回 0。

我们可以看到，divide(10, 2) 返回了期望的结果 5，而 divide(10, 0) 抛出了异常，被 optional catch binding 捕获并返回了 0。

总结

ES10 的 optional catch binding 使我们可以更加灵活地处理程序运行中的异常情况。使用这个新特性可以让我们的代码更加简洁，但是也需要注意它的一些限制。在实际编程中，我们应该根据具体情况来选择使用传统的 try-catch 结构还是 optional catch binding。

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/64f7cf52f6b2d6eab3fffdb3