在前端开发中，我们常常会遇到类似 'global' is not defined 的 ESLint 报错。这种报错通常发生在我们使用全局变量时，但没有将其声明为全局变量。在本文中，我们将讨论如何解决这种报错。
什么是 ESLint？
ESLint 是一款 Javascript 的静态代码检查工具，可以检查代码中潜在的错误和问题。通过在代码中嵌入注释或配置文件，我们可以自定义 ESLint 的规则和配置。
'global' is not defined 报错的原因
在 Javascript 中，我们可以使用全局变量，例如 window 和 document。但是，当我们不小心使用未定义的全局变量时，ESLint 就会报错。这种报错通常发生在以下情况下：
- 在函数、类或模块中使用未声明的全局变量。
- 在浏览器环境中使用 Node.js 的全局变量。
- 在 Node.js 环境中使用浏览器的全局变量。
解决 'global' is not defined 报错的方法
方法一：将全局变量声明为 ESLint 全局变量
要声明一个全局变量，我们可以将其作为 ESLint 配置的一部分：
-- -------------------- ---- -------
-- ------------
-------------- - -
---- -
-------- -----
----- ----
--
-------- -
---------- ----
-
-在上面的代码中，我们声明了一个名为 globalVar 的全局变量，这将防止出现 'globalVar' is not defined 的 ESLint 报错。
方法二：使用注释忽略特定的 ESLint 规则
如果我们不想将全局变量声明为全局变量，可以使用注释来忽略特定的 ESLint 规则。例如，下面的代码将忽略未定义的全局变量报错：
// eslint-disable-next-line no-undef console.log(globalVar);
在上面的代码中，我们使用注释指示 ESLint 忽略 no-undef 规则，这样我们就可以使用未定义的全局变量了。
方法三：将全局变量作为参数传递给函数
为了避免使用未定义的全局变量，我们可以将其作为函数的参数传递。例如：
function myFunction(globalVar) {
console.log(globalVar);
}在上面的代码中，我们将 globalVar 作为参数传递给函数，这样我们就可以避免使用未定义的全局变量。
总结
在本文中，我们讨论了 'global' is not defined 报错的原因，以及解决这种报错的不同方法。我们可以将全局变量声明为 ESLint 全局变量，使用注释忽略特定的 ESLint 规则，或将全局变量作为函数参数传递。希望这篇文章对你解决 ESLint 报错问题有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648e963248841e9894cf5f04