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