ESLint 是一个开源的 JavaScript 代码检查工具，它可以帮助我们在编写代码时发现潜在的问题，提高代码质量和可读性。其中一个常见的问题就是全局变量的使用，过多的全局变量会导致代码的可维护性降低，因此我们需要使用 ESLint 检查全局变量的使用情况。
安装 ESLint
首先，我们需要在项目中安装 ESLint。可以通过 npm 或 yarn 安装：
--- ------- ------ ----------
---- --- ------ -----
配置 ESLint
接下来，我们需要配置 ESLint 来检查全局变量的使用情况。可以在项目根目录下创建一个 .eslintrc 文件，配置如下：
-
------ -
---------- -----
------ ----
--
---------- -
------- -----------
------- ----------
--
-------- -
----------- -------
-
-env：指定代码运行的环境，这里指定了浏览器和 ES6 环境。globals：指定全局变量，var1是只读的全局变量，var2是可写的全局变量。rules：指定 ESLint 的检查规则，这里使用了no-undef规则，表示禁止使用未定义的变量。
示例代码
下面是一个示例代码，其中使用了全局变量 var1 和未定义的变量 var3：
------------------ ---- - ----
使用 ESLint 检查后，会提示以下错误：
---- ----- ------ -- --- ------- -------- - ------- -- ------ - ---------
这说明我们使用了未定义的变量 var3，同时也提示了全局变量 var1 未定义的错误。
总结
通过配置 ESLint，我们可以检查 JS 代码中的全局变量使用情况，及时发现潜在的问题，提高代码质量和可读性。同时，也可以通过指定只读或可写的全局变量，规范全局变量的使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d717f61886fbafa44b5737