在前端的开发中，经常会使用到调试工具，其中最基本的就是 console 对象。但是在使用 console 输出日志的时候，你是否遇到过以下问题：
ESLint 报错：Unexpected console statement。
这是什么原因呢？如何解决这个问题呢？
ESLint 简介
ESLint 是 JavaScript 代码检查工具，它可以帮助我们写出更规范、更可读性强的代码。
ESLint 可以检查出一些 JavaScript 编码风格的问题，并且还可以检查出一些代码潜在的错误，如访问未定义的变量等。当我们的代码不符合规范或者有错误时，ESLint 会在控制台输出对应的提示。
Unexpected console statement
ESLint 报错 Unexpected console statement 即意味着我们不能直接使用 console 对象，而需要使用其他方式来达到目标。
为什么不能直接使用 console 呢？其实这是因为 console 输出信息主要是为了调试使用，生产环境下这些输出语句是不需要的，甚至会造成安全问题。因此，在上线时，需要将这些输出语句全部删除，这样可以保证输出量最小化，从而提高效率和安全性。
另外，除了 console 对象外，还有多种情况可能导致 Unexpected console statement，如在循环中使用 console 等，这些情况下也需要我们修改代码。
解决办法
既然不能直接使用 console 对象，那么我们应该如何解决这个问题呢？
一种解决方法是通过禁用 ESLint 的限制。但这样做在本质上并不是最好的选择，因为这样可能会在调试期间增加一些误操作带来的风险，也可能导致在生产环境中违反规则而导致安全问题。
更好的方式是把 console 对象转换成调试日志。这可以通过封装一个类来实现，例如：
-- -------------------- ---- -------
----- ----- -
----------- --------- -
-------------- - --------
-
--- --------- -
-- ----------------- -------
---------------------
-
-通过这样的封装，我们可以使用 Debug.log() 来输出调试信息，这样就不会收到 ESLint 的限制了。并且，可以通过 Debug 的构造函数来控制是否开启调试模式，在生产环境中可以禁用调试模式，这样就不会输出调试信息了。
指导意义
在编写 JavaScript 代码时，可读性和可维护性都是非常重要的。ESLint 可以帮助我们保证代码的质量，提高代码的可读性和可维护性。
在使用 console 对象输出日志时，需要注意在生产环境中删除这些输出语句，以提高效率和安全性。可以通过封装一个调试日志类来达到这个目的。
总结
Unexpected console statement 是 ESLint 检测到的代码不符合规范的提示。在实际的开发中，需要注意避免直接使用 console 对象，可以通过封装一个调试日志类来达到目标。
ESLint 可以帮助我们写出更规范、更可读性强的代码。在开发中，要注意保证代码的质量，从而提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6465c6e8968c7c53b066fce8