ESLint 是一款用于标准化 JavaScript 代码风格的工具，它通过自定义的规则来检查代码，提供 Error、Warning 和 Off 三种级别的规则来指示代码风格是否符合规范。
在 ESLint 中，Error 表示代码中的问题应该被认为是一种严重的错误，需要立即修复；Warning 表示代码中存在一些问题，应该被注意，但不会影响代码的正常执行；Off 表示规则被关闭，不会被应用到代码中。
本篇文章将详解 ESLint 的 Error、Warning、Off 规则，并通过示例代码来展示如何进行设置。
Error 规则
Error 代表代码中的问题应该被认为是一种严重的错误，需要立即修复。
例如，在代码中出现了未定义的变量，这将导致代码无法正常执行。应该在 ESLint 中使用 error 规则针对这种错误进行设置。
// eslint-disable-next-line no-undef unknownVariable = 'hello'
在上述代码中，我们使用了 no-undef 规则，这是一个 Error 级别的规则，它表示代码中不允许使用未声明的变量。
除了 no-undef 规则之外，ESLint 还有许多 Error 级别的规则可供使用，例如 no-unused-vars、no-dupe-keys 和 no-empty 等。通过在 .eslintrc 文件中配置这些规则，可以使代码更易于维护和协作。
Warning 规则
Warning 代表代码中存在一些问题，应该被注意，但不会影响代码的正常执行。
例如，在代码中使用了 var 而不是 let 或 const，这将导致变量作用域不可控。虽然这并不会阻止代码的正常执行，但应该在 ESLint 中使用 warning 规则进行标记。
// eslint-disable-next-line no-var var x = 'hello';
在上述代码中，我们使用了 no-var 规则，这是一个 Warning 级别的规则，它表示不应该使用 var 关键字定义变量。
除了 no-var 规则之外，ESLint 还有许多 Warning 级别的规则可供使用，例如 no-multiple-empty-lines、no-undef-init 和 prefer-const 等。通过在 .eslintrc 文件中配置这些规则，可以使代码更加易于阅读和维护。
Off 规则
Off 表示规则被关闭，不会被应用到代码中。
当某个规则对于当前代码项目并不适用时，可以将其设置为 Off 级别。这些规则可以根据项目的需求进行自定义，例如在项目中使用了自定义的全局变量，可以将 no-undef 规则设置为 Off。
/* eslint-disable no-undef */ let myGlobalVariable = 'hello'; console.log(myGlobalVariable);
在上述代码中，我们使用了 no-undef 规则，并将其设置为 Off。这意味着不会再针对未定义变量进行检查。
除了 no-undef 规则之外，ESLint 还有许多 Off 级别的规则可供使用。通过在 .eslintrc 文件中配置这些规则，可以使代码更加灵活和自由。
总结
在本篇文章中，我们详细介绍了 ESLint 的 Error、Warning 和 Off 三种规则，并通过示例代码展示了如何应用这些规则。通过合理地设置规则，可以使代码更加标准化、易于协作和维护。作为前端开发人员，我们应该学习并合理使用 ESLint，从而提高代码的质量和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a0fa1648841e9894d3f056
