在前端开发中，我们经常使用一些全局变量或者函数库，例如 jQuery、React 等等。但是在使用 ESLint 进行代码检查时，可能会出现因为这些全局变量未定义而引起的报错或者警告。这时候，我们可以通过设置 ESLint 配置文件中的 globals 属性来解决这个问题，并让 ESLint 忽略这些全局变量的检查。
配置方法
在 ESLint 配置文件中，可以通过在globals属性下指定全局变量来解决这个问题。具体操作如下：
- 打开项目根目录下的.eslintrc或者.eslintignore文件
- 找到 globals 属性，如果没有，则新增该属性
- 在 globals 属性中指定需要忽略的全局变量，例如：
{
"globals": {
"jQuery": true,
"$": true,
"React": true,
"_": true
}
}参数说明
在上述示例代码中，我们设置了四个全局变量：
- jQuery 和 $：表示忽略对 jQuery 和 $ 的检查
- React：表示忽略对 React 的检查
- _：表示忽略对 underscore.js 的检查
我们可以在这里指定需要忽略的任意全局变量。
指导意义
- 在前端开发中，使用全局变量和函数库是十分常见的一种操作，这对提高开发效率和并发现前端工程化具有十分重要的意义。
- ESLint是前端代码检查工具之一，通过设置全局变量可以让ESLint在检查代码时“忽略”这类全局变量，从而避免出现因为全局变量未定义而引发的问题。这在大型项目中具有重要意义。
结论
在前端开发中，ESLint作为前端代码检查工具之一，有时候因为全局变量未定义而引起报错或警告的问题。可以通过设置ESLint配置文件中的globals属性来解决这种问题，并忽略对全局变量的检查。这样可以避免不必要的报错和警告，提高前端开发效率以及代码的可读性。
参考
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674d3480a336082f254a2f8b