在前端开发中，利用 ESLint 工具可以帮助团队统一代码规范、发现代码潜在问题。但是，在使用过程中，我们可能会经常遇到 ESLint 报错提示：未定义的变量。
这个错误提示通常出现在我们使用自定义变量时，但 ESLint 并不知道这些变量是否被定义过。
那么我们该如何解决这个问题呢？
解决方案
在这里，我们提出两种常用的解决方式：
1. 在配置文件中添加全局变量
我们可以通过在配置文件中添加全局变量，来解决这个问题。
比如在 .eslintrc.js 中添加：
module.exports = {
// ... 其他配置项
globals: {
$: true
}
};这样，ESLint 就会认为 $ 是一个已定义的全局变量，而不是未定义的变量。当然，这个 $ 可以替换成你所需要添加的自定义变量。
2. 使用注释消除错误提示
除了在配置文件中添加全局变量外，我们还可以通过增加注释来消除错误提示。
如下示例代码中，我们在变量定义前添加了 /*global $*/ 注释，从而告诉 ESLint $ 是一个全局变量，那么 ESLint 就不会再提示未定义的错误了。
/*global $*/
$(document).ready(function() {
console.log("ready!");
});如果你有很多的自定义变量，那么上述方法可能会比较麻烦。不过，我们也可以使用一个内置的对象来消除这个错误提示：
/*eslint-env jquery*/
$(document).ready(function() {
console.log("ready!");
});上面的代码中，我们使用了 ESLint 内置的 eslint-env 给出了一个环境变量，以告诉 ESLint 我们的代码需要使用 jQuery。
总结
通过上述两种方式，可以有效地消除 ESLint 报错提示中的未定义变量错误。我们可以根据具体情况选择其中的一种或两种解决方式来使用。
当然，除了上述两种方式，我们还可以使用 ESLint 插件来解决其他类型的报错。总之，在规范代码和保证开发效率之间，我们需要找到一个平衡点，才能更好地进行开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6454b7da968c7c53b0881d3a