什么是 no-optional-catch-binding
no-optional-catch-binding 是一个 npm 包，它是一个 ESLint 规则，用于禁止在 try...catch 中使用可选的 catch 绑定，在 ECMAScript 2019 中被支持。
在早期版本的 JavaScript 中，如果您不需要访问捕获到的错误对象，您可以在 catch 语句中省略参数名。例如：
try {
// ...
} catch {
// ...
}这对于一些代码来说很方便，但这种用法可能会导致不必要的错误，因为 catch 环节的代码在 TDZ (暂时性死区) 中执行，这可能会导致在代码执行期间出现难以预测的错误。因此，在 ECMAScript 2019 中，强制必须指定 catch 绑定，以便代码可读性和可维护性增强。
no-optional-catch-binding 模块提供了该规则的实现，以帮助您遵循最新的 JavaScript 开发标准。
如何使用 no-optional-catch-binding 包
如果您已经在项目中使用 ESLint，那么您只需要在配置文件的 rules 属性下添加以下规则：
{
"rules": {
"no-optional-catch-binding": "error"
}
}这会启用 no-optional-catch-binding ，并在您尝试使用可选的 catch 绑定时产生一个错误。
如果您还没有使用 ESLint，那么可以通过以下步骤在项目中启用它：
- 通过以下命令安装 ESLint：
npm i eslint --save-dev
- 运行以下命令，以便在项目根目录中生成 ESLint 配置文件：
./node_modules/.bin/eslint --init
根据您的项目需要，您可以选择与 eslint 规则相关的不同的选项。当您回答完所有问题并生成配置文件时，您将能够在 .eslintrc 文件中编辑您的规则，遵循上述方法以使用 no-optional-catch-binding 规则。
no-optional-catch-binding 使用示例
以下是一个有问题的代码示例：
try {
// something which could throw an Error
} catch {
console.log("Caught an error!");
}这里 catch 语句中没有指定捕获的错误对象，如果代码中有任何变量与 catch 语句中的名字相同，将会出现难以调试的问题。
相反，使用推荐的形式，您可以将代码改为：
try {
// something which could throw an Error
} catch (error) {
console.log("Caught an error!", error);
}在这个代码中，捕获到的错误对象使用了参数，并把参数名设为 error，以便在错误发生时更好地处理错误。
总结
no-optional-catch-binding 是一个有用的 JavaScript 开发工具，可以大大增强代码的可读性和可维护性。通过在开发中将 catch 绑定指定为必需，您可以避免潜在的错误并保障代码质量。希望这篇文章可以帮助您更好地了解并使用 no-optional-catch-binding 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600573a481e8991b448e9a07