在Brackets中使用console.log遇报错：原因解析与解决方法咨询

咱们先把你遇到的报错拆解开，逐个解释清楚，再给出对应的修复办法：

一、错误含义解析 #

1. JSLint报错：'console' was used before it was defined #

JSLint的校验规则偏严格，它默认不把console当作全局环境的标准内置对象（毕竟早年有些JS运行环境确实没有console），所以会把未提前声明的console判定为“未定义变量”，抛出这个报错。

2. ESLint的两个报错 #

• Unexpected console statement（[no-console]规则）：ESLint默认开启no-console规则，它的设计目的是避免生产代码里遗留调试用的console语句，所以会把所有console调用标记为错误。
• 'console' is not defined（[no-undef]规则）：和JSLint的逻辑类似，no-undef规则会检查所有未声明的变量，它默认不认可console是全局内置对象，因此会报错。

二、修复方法 #

下面分JSLint和ESLint两种场景给出解决方案：

针对JSLint的修复 #

在你的JS文件最顶部添加一行注释，明确告诉JSLintconsole是全局变量：

/*global console */

这样JSLint就会认可console的合法性，不会再报“未定义”的错误。

针对ESLint的修复 #

有几种不同的处理方式，你可以根据自己的需求选择：

方式1：临时禁用单行规则（适合临时调试）

如果只是想保留某几行console.log用于调试，可以在报错代码的上方添加注释，临时禁用对应规则：

// eslint-disable-next-line no-console, no-undef
console.log(name + ' is a ' + age + ' years old ' + job + ' who is married ' + isMarried + ' . ');

这种方式只会影响当前行，不会打乱整个文件的校验规则。

方式2：全局禁用文件内规则（适合调试专用文件）

如果整个文件都需要频繁使用console，可以在文件最顶部添加注释，关闭这两个规则：

/* eslint-disable no-console, no-undef */

不过这种方式会关闭整个文件的对应校验，建议只在专门用于调试的文件里使用。

方式3：修改ESLint配置（长期推荐方案）

如果希望ESLint默认认可console并允许使用它，可以通过配置文件永久调整规则：

1. 在项目根目录创建（如果没有的话）.eslintrc.json文件
2. 添加以下配置内容：

{
  "env": {
    "browser": true,
    "node": true
  },
  "rules": {
    "no-console": "off"
  }
}

• "env": {"browser": true}会告诉ESLint当前是浏览器环境，console是浏览器的全局内置对象，no-undef的报错会自动消失；
• "no-console": "off"会直接关闭禁止console的规则，以后写console.log就不会再触发这个报错了。

如果是Node.js项目，"node": true也会让ESLint识别console为合法全局对象。

三、小提醒 #

如果是在开发调试阶段用console.log，调试完成后记得删掉或者注释掉这些语句哦，避免生产环境里留下不必要的调试输出～

内容的提问来源于stack exchange，提问作者user6331249