ES5代码触发JSLint/ESLint报错，疑版本兼容，求解决方案及版本答疑

问题背景 #

自学编程，跟随8年前的YouTube视频《Javascript: Understanding the Weird Parts - The First 3.5 Hours》编写ES5代码，使用Bracket.io时遇到大量JSLint/ESLint报错，怀疑是版本兼容问题；同时在学习Java，想了解版本对功能的影响及是否需要学习版本差异；另外尝试添加HTML声明开启非怪异模式后出现新报错，需要解答。

附代码及报错信息 #

原始JS代码 #

var a = 'hello world!';

function b() {
    console.log('Called b!');
}

b();
console.log(a);

初始报错（共8项） #

JSLint（4项）

• 第3行：Unexpected '(space)'.function b() {
• 第4行：Missing 'use strict' statement.console.log('Called b!');
• 第4行：'console' was used before it was defined.console.log('Called b!');
• 第8行：'console' was used before it was defined.console.log(a);

ESLint（4项）

• 第4行：ERROR: Unexpected console statement. [no-console]console.log('Called b!');
• 第4行：ERROR: 'console' is not defined. [no-undef]console.log('Called b!');
• 第8行：ERROR: Unexpected console statement. [no-console]console.log(a);
• 第8行：ERROR: 'console' is not defined. [no-undef]console.log(a);

添加HTML声明后的报错 #

添加以下内容到JS文件后：

<!DOCTYPE html>
<html lang="en">

出现新报错：

JSLint（2项）

• 第10行：Unexpected '<!'.''
• 第10行：Stopping. (50% scanned).''

ESLint（1项）

• 第1行：ERROR: Parsing error: Unexpected token <

问题解答 #

1. 报错是否是ES5版本兼容问题？ #

不是。这些报错都是代码检查工具（JSLint/ESLint）的规则校验问题，和ES5本身的语法兼容性无关，你的代码是标准ES5语法，能正常运行。

2. 如何解决JSLint/ESLint的报错？ #

JSLint报错解决

• 函数名与括号间空格问题：JSLint强制要求函数名和括号之间无空格，修改代码为function b(){
• 缺少use strict声明：可以在代码最顶部添加'use strict';开启严格模式；或者在JSLint设置中关闭该校验规则
• console未定义问题：JSLint默认不把console视为全局变量，在代码开头添加注释/*global console */声明全局变量，即可解决

ESLint报错解决

• 禁止console语句：ESLint默认禁用console，可以在代码开头添加/* eslint-disable no-console */临时禁用该规则；或者在项目的.eslintrc配置文件中设置"rules": {"no-console": "off"}
• console未定义问题：ESLint默认未识别浏览器全局变量console，在.eslintrc中添加环境配置"env": {"browser": true}；或者在代码开头添加/*global console */声明

3. 代码未在Chrome控制台执行的原因及解决 #

你的代码没执行是因为没有正确嵌入HTML文件中。直接在JS文件里写HTML标签会被代码检查工具识别为无效JS语法，导致报错，同时Chrome也无法正确执行单独的JS文件（除非通过开发者工具的Snippets运行）。

正确的做法是创建HTML文件，将JS代码放在<script>标签内：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <script>
        'use strict';
        /*global console */
        var a = 'hello world!';

        function b() {
            console.log('Called b!');
        }

        b();
        console.log(a);
    </script>
</body>
</html>

打开这个HTML文件，Chrome控制台就能正常执行代码，输出预期内容。

4. Java版本相关疑问 #

• 版本是否影响功能：是。Java不同版本差异明显，比如Java 8新增的Lambda表达式、Stream API在Java 7及以下无法使用；高版本会废弃部分旧API，甚至移除一些过时功能，使用旧API会触发警告或报错。
• 是否需要学习各版本差异：建议先掌握一个稳定的LTS版本（如Java 8或11）的核心语法和特性，打好基础后再逐步了解各版本的新增/变更内容。不用一开始就全面学习所有版本差异，优先掌握当前主流版本的核心内容即可。

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