在 ES11 中，我们可以使用 Catch 绑定来避免 let/const 的混淆问题。这个问题主要出现在 try/catch 语句中使用 let/const 声明变量时。在 catch 块中，同名的变量会导致混淆和错误的结果。
问题描述
假设我们有以下代码：
try {
// some code
} catch (error) {
const message = 'An error occurred';
console.log(message);
}在上面的代码中，我们使用 const 声明了一个名为 message 的变量。如果 try 块中抛出了一个异常，catch 块将会执行。在 catch 块中，我们也声明了一个名为 message 的变量。这将导致混淆和错误的结果。
解决方案
为了避免这个问题，我们可以使用 Catch 绑定来声明 catch 块中的变量。Catch 绑定是一种新的语法，它允许我们在 catch 块中声明一个新的变量，而不会影响到外部作用域中的同名变量。
下面是使用 Catch 绑定的示例代码：
-- -------------------- ---- -------
--- -
-- ---- ----
- ----- ------- -
----- ------- - --- ----- ----------
---------------------
-- -- ----- ------
----- ------- -
----- ------- - -------- ----- ----------
---------------------
-
-在上面的代码中，我们使用了两个 catch 块。在第一个 catch 块中，我们声明了一个名为 message 的变量。在第二个 catch 块中，我们使用 Catch 绑定声明了另一个名为 message 的变量。这样，我们就可以避免 let/const 的混淆问题。
总结
在 ES11 中，我们可以使用 Catch 绑定来避免 let/const 的混淆问题。这个问题在 try/catch 语句中使用 let/const 声明变量时经常出现。使用 Catch 绑定可以让我们在 catch 块中声明一个新的变量，而不会影响到外部作用域中的同名变量。这个新的语法可以让我们更加方便地编写可维护的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6506b95695b1f8cacd26e723