在 ES2020 中，try-catch 关键字的用法有了一些改动。该改动旨在提高代码的可读性和可维护性。本文将介绍这些改动，以及如何在实际项目中使用它们。
1. 变量作用域
在 ES2020 之前，try-catch 语句中定义的变量与 catch 语句块外的变量存在重名的问题。例如：
-- -------------------- ---- ------- --- --- - -- --- - --- --- - -- ----------------- -- - ----- --- -------- - ----- ----- - ----------------- -- - - ----------------- -- -
在上面的例子中，try 语句块中定义了一个名为 foo 的变量，与外部的 foo 变量存在重名问题。在 catch 语句块中，我们只能通过访问外部的 foo 变量来获取其值。这可能导致代码的可读性和可维护性降低。
在 ES2020 中，我们可以使用 catch 语句块中的 let 或 const 关键字来声明一个新的变量，它仅在 catch 语句块中生效：
-- -------------------- ---- ------- --- --- - -- --- - --- --- - -- ----------------- -- - ----- --- -------- - ----- ----- - --- --- - -- ----------------- -- - - ----------------- -- -
在上面的例子中，通过在 catch 语句块中使用 let 关键字，我们可以声明一个新的 foo 变量，与外部的 foo 变量不再存在重名的问题。
2. 可选的 catch 绑定
在以前的版本中，catch 语句块必须声明一个形参，即 caught exception。即使在 catch 语句块中不需要访问 caught exception，也必须声明一个形参，否则会导致语法错误。例如：
try {
// something risky
} catch {
// handle exception
}在 ES2020 中，我们可以省略 catch 语句块的形参，使其成为一个可选的绑定。例如：
try {
// something risky
} catch {
// handle exception
}在上面的例子中，我们省略了 catch 语句块的形参，使其成为一个可选的绑定。这使得代码更加简洁，减少了不必要的语法噪声。
3. 变量声明位置
在以前的版本中，我们必须在 try 语句块之外声明 catch 语句块中使用的变量。例如：
-- -------------------- ---- ------- --- ---- --- - -- --------- ----- - ----- --- - --- - -- - -----------------
在 ES2020 中，我们可以在 catch 语句块中声明变量，从而使其更加紧凑。例如：
try {
// something risky
} catch (err) {
console.log(err);
}在上面的例子中，我们在 catch 语句块中声明了变量 err，从而使代码更加紧凑和易于阅读。
总结
在 ES2020 中，我们可以使用两个新特性来提高 try-catch 语句的可读性和可维护性：变量作用域和可选的 catch 绑定。我们还可以在 catch 语句块中声明变量，使代码更加紧凑。
在实际项目中，我们应该充分利用这些特性来编写清晰、简洁、易于阅读和维护的 try-catch 语句。下面是一个使用这些特性的示例代码：
try {
// something risky
} catch {
let err = new Error('Oops!');
console.log(err);
}来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6489796848841e98947c32bb