在前端开发中，我们经常需要添加异常处理来保证代码的稳定性和可靠性。在 ES11 中，可选 catch 语句的出现为我们提供了更加灵活的异常处理方式。
可选 catch 语句简介
ES11 中新增的可选 catch 语句允许我们省略 catch 语句中的参数，这样就可以在不需要处理异常参数的情况下使用 try-catch 语句。
try {
// some code
} catch {
// handle the error
}与普通的 try-catch 语句相比，可选 catch 语句可以减少不必要的代码和节省开发时间。
如何合理地使用可选 catch 语句
虽然可选 catch 语句可以使我们的代码更简洁，但如果不合理地使用它们，可能会引发一些问题。
下面列出了一些使用可选 catch 语句时需要注意的事项：
避免捕获异常参数时的命名冲突
当在 try-catch 语句中使用可选 catch 语句时，我们需要避免与上一级作用域中的变量产生命名冲突。
let err = 'foo';
try {
// some code
} catch {
// 若省略参数，则 err 会被覆盖，导致上一级作用域的 err 变量失效
}
console.log(err); // 'foo'如果必须捕获异常参数，请使用具有描述性名称的变量，以避免不必要的错误。
let globalErr = 'foo';
try {
// some code
} catch (localErr) {
// 为异常参数设置不同于上一级作用域中的变量名，以避免命名冲突
console.log(localErr);
}
console.log(globalErr); // 'foo'可选 catch 语句不适用于必须处理所有异常的情况
在某些情况下，可能需要对所有异常进行处理，而可选 catch 语句并不能提供解决方案。
try {
// some code
} catch {
// 省略异常参数可能会导致无法处理所有异常
console.log('Error!');
}如果你需要处理所有异常，请确保包含 catch 参数。
try {
// some code
} catch (err) {
console.log(err);
}调试需要有异常参数的情况
当程序发生异常时，异常参数可以帮助我们快速定位错误。如果省略异常参数，则可能会增加程序调试的难度。
try {
// some code
} catch {
console.log('Error!');
}在调试时，应该考虑使用 catch 参数来捕获异常信息。
try {
// some code
} catch (err) {
console.log(err);
}适时选择可选 catch 语句和 finally 语句
在某些情况下，finally 语句比可选 catch 语句更适用于清理资源的操作。
try {
// some code
} catch {
console.log('Error!');
} finally {
// finally 语句可以确保资源被正确清理
cleanup();
}在需要清理资源的情况下，应该优先使用 finally 语句。
示例代码
下面是一个使用可选 catch 语句记录异常信息的示例代码：
-- -------------------- ---- -------
-------- ------------- -
--- -
-- ---- ----
- ----- -
--------------- -----------
-
-
-------- ------------- -
-- ------
------------------- ------------------------- ---------
-总结
可选 catch 语句为我们提供了灵活的异常处理方式，使代码更加简洁和易读。但是，在使用可选 catch 语句时，我们需要注意命名冲突，保证处理所有异常，适时选择 finally 语句和优先使用 catch 参数等细节，以免引起不必要的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e09189f6b2d6eab3bac7d7