前言
在前端开发过程中，很多时候都需要使用 console 来输出调试信息或者调用一些自定义的日志函数。然而，在使用 ESLint 进行代码检查时，可能会遇到 console is not defined 的报错信息，这是为什么呢？下面就来详细探讨一下这个问题。
问题原因
在 JavaScript 中，console 是一个全局对象，我们在代码中可以直接使用。然而，ESLint 是基于 ECMAScript 标准的代码检查工具，它默认情况下并不认为 console 是一个合法的变量定义。
这是因为，ESLint 本身并不知道你的代码运行环境（比如浏览器或者 Node.js）是否支持 console 对象，而它的默认行为是以 ECMAScript 规范中的特性为基础进行检查的。而这个规范并没有定义 console 对象，这就导致了 console 被认为是一个未定义的变量。
解决方案
既然 console 被认为是未定义的变量，我们就需要告诉 ESLint 这个变量是合法的。这个问题可以通过在 .eslintrc 配置文件中添加如下的规则来解决：
{
"globals": {
"console": "readonly"
}
}这样，ESLint 就会认为 console 是一个只读变量，已经在代码中定义过了。如果你需要重新定义 console 这个变量，可以将 "readonly" 修改为 "writable"。
指导意义
从上面的解决方案中，我们可以看到，在使用 ESLint 进行代码检查时，我们需要通过 .eslintrc 配置文件来指定哪些全局变量是合法的，这说明了 ESLint 的检查比较灵活，可以根据我们的实际情况进行调整。
除了上面提到的 globals 规则之外，ESLint 还有很多其它的规则，可以在文件中进行注释或者配置文件中进行设置，以达到更好的检查效果。例如，可以使用以下规则禁止使用 debugger 语句：
{
"rules": {
"no-debugger": 2
}
}这样，在代码中使用 debugger 语句就会被检测出来并报错。
示例代码
以下是一个简单的示例代码，包含了 console 报错的情况和解决方案：
// index.js
function add(a, b) {
console.log('a:', a);
console.log('b:', b);
return a + b;
}
add(1, 2);在上面的代码中，我们使用了 console.log 来输出调试信息。如果直接运行这个代码，是没有任何问题的，因为浏览器或者 Node.js 已经内置了 console 对象。然而，在使用 ESLint 进行检查时，就会报错了。
在我们的 .eslintrc 配置文件中添加 globals 规则之后，代码就可以通过检查了。
总结
在开发过程中，使用 ESLint 进行代码检查可以帮助我们尽早地发现潜在的问题，提高代码的质量和效率。而 console is not defined 报错则是其中比较常见的一种问题。通过这篇文章，相信大家已经更好地理解了这个问题的原因和解决方案，希望能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b45d95add4f0e0ffd4aa5e