如何在 ESLint 添加 disable 以忽略某个规则
在前端开发过程中，我们经常会使用到 ESLint 工具来帮助我们检查代码是否符合规范。ESLint 可以帮助我们检测出代码中的潜在问题，但有时候我们可能需要忽略某些规则，例如某些规则可能与我们的业务需求或工具链不兼容，或者我们需要在开发期间忽略某个规则方便快速迭代。这时候我们可以使用 ESLint 的 disable 注释来忽略某些规则。
ESLint Disable 注释
ESLint Disable 注释是一种特殊的注释形式，类似于编程语言中的注释，但添加了特殊语法，可以控制 ESLint 的行为。ESLint Disable 注释有两种形式：
- Inline Comments：这种注释形式直接位于代码行的右边，用于忽略当前行的规则。
foo(); // eslint-disable-line no-undef
- Block Comments：这种注释形式用于跨越多行代码，用于忽略多行代码中的规则。
/* eslint-disable no-undef */ foo(); bar(); /* eslint-enable no-undef */
使用 Disable 注释忽略某些规则可以帮助我们完成一些工作，但是注意不能滥用这种方式，应该尽量遵循代码规范，只在必要时使用。
示例代码
下面是一个使用 Disable 注释忽略某些规则的示例代码：
function foo() {
// eslint-disable-next-line no-unused-vars
const unusedVar = 'unused variable';
return 'foo';
}
console.log(foo());在上面的示例代码中，我们使用 Disable 注释 eslint-disable-next-line no-unused-vars 忽略了 const unusedVar = 'unused variable'; 这行代码中的 no-unused-vars 规则，因为我们在这行代码中定义了一个未使用的变量，但是在这个例子中，我们不关心这个变量的使用情况，所以使用 Disable 注释忽略了这个规则。
总结
ESLint Disable 注释是一种特殊的注释形式，可以帮助我们忽略某些规则，以便在必要时使用。但是应该注意遵循代码规范，在必要时使用，并在代码审核时让其他开发者知晓使用 Disable 注释的原因。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a87864add4f0e0ff19938e