ESLint 错误：no-undef
在前端开发中，我们经常会使用一些 JavaScript 的库、框架和工具，比如 React、Vue、jQuery等等。但是在使用过程中，我们也经常会遇到一些问题，比如 ESLint 错误：no-undef。
首先，我们来看一下这个错误的具体含义。no-undef 的意思是“未定义”，也就是说，ESLint 检测到在代码中使用了未定义的变量或函数。
对于这个错误，我们应该如何处理呢？
解决ESLint 错误：no-undef
- 使用全局变量
如果你在代码中使用了全局变量，那么 ESLint 就会认为这是一个未定义的变量。为了解决这个问题，你可以在 .eslintrc 文件中配置 globals 参数，告诉 ESLint 这个变量是全局变量，不需要再检测它是否定义。
举个例子，如果我们在代码中使用了全局变量 jQuery，那么可以这样配置 .eslintrc 文件：
{
"globals": {
"jQuery": false
}
}- 引入变量或模块
如果你在代码中使用了其他的变量或模块，但是 ESLint 认为这是未定义的，那么你需要在文件中对这些变量或模块进行引入。
举个例子，如果我们在代码中使用了 Vue，但是 ESLint 认为它是未定义的，那么需要在文件开头引入 Vue 模块：
import Vue from 'vue'
或者使用 require：
const Vue = require('vue')- 生命变量或函数
如果你需要在代码中定义一个新的变量或函数，那么你需要在前面声明它。
举个例子，如果我们需要定义一个新的变量 name，可以这样写：
let name = ''
- 修改ESLint规则
如果你觉得某个 ESLint 规则太严格了，可以尝试修改它。在 .eslintrc 文件中可以配置规则，并且可以在规则名前加上一个 - 号来禁用这个规则。
举个例子，如果我们觉得 no-undef 规则太严格了，可以这样配置 .eslintrc 文件：
{
"extends": "eslint:recommended",
"rules": {
"no-undef": "off"
}
}这样就可以关闭 no-undef 规则了。
总结
ESLint 错误：no-undef 的出现，并不是一个问题，而是一个机会。它可以帮助我们找到一些不规范的代码，让我们的代码更加健壮。当然，在使用 ESLint 的同时，我们也要了解一些 ESLint 的规则和用法，才能更好地使用它。
参考示例代码：
-- -------------------- ---- -------
-- ------------
-------------- - -
---- -
-------- -----
------- -----
----- -----
--
-------- -
---------------------
---------------------------
----------------------------------------
-----------
--
------- ----------------------------
-------------- -
------------- -
---- -----
--
------------ ---
----------- ---------
--
-------- --------- ----------------------
------ -
----------- ------
---------------------------------------------------- ------
--
--------- -
------ -
-------- ---------
--
--
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64662faf968c7c53b06d3af5
