“意外令牌非法”没有明显原因

在前端开发中，常常会遇到 "Unexpected token illegal"（意外令牌非法）的错误，这个错误表面上看起来非常简单，但实际上却有许多隐含的细节和原因。

错误描述

当 JavaScript 解析器在代码执行过程中遇到不符合语法规则的字符时，就会抛出 "Unexpected token illegal" 错误。例如：

var a = '
hello world';

在上述代码中，由于第二行字符串没有被正确的闭合，所以解析器会报错。

原因分析

1. 编码问题

当 JavaScript 文件的编码格式与网页编码格式不一致时，就可能会出现这个错误。例如，如果文件采用 UTF-8 编码，而网页使用 GBK 编码，则可能会出现该错误。

2. 非法字符

在 JavaScript 中，有些字符是非法的，包括但不限于以下几种情况：

1. 字符串未被正确的闭合
2. 语句中使用了不允许的特殊字符，如 @、#、$ 等
3. 在某些情况下，空格或换行符也可能被识别为非法字符

3. 引号不匹配

在 JavaScript 中，字符串必须使用成对的引号括起来，单引号和双引号可以互相嵌套使用，但两个类型的引号必须匹配。如果引号不匹配，则会导致 "Unexpected token illegal" 错误。

4. JavaScript 语法错误

当 JavaScript 代码中存在语法错误时，也会出现该错误。例如，下列代码就包含了一个语法错误：

if (true) {
    console.log("hello");
else {
    console.log("world");
}

解决方法

针对不同的原因，解决方法也有所不同：

1. 编码问题

统一文件编码格式和网页编码格式即可。

2. 非法字符

检查代码是否使用了不允许的特殊字符，以及是否正确地闭合了字符串。

3. 引号不匹配

检查所有的字符串是否都被正确地使用成对的引号括起来。

4. JavaScript 语法错误

检查代码中是否存在语法错误，并进行修正。

总结

走一步看三步，仔细分析错误信息，找到出错的位置和可能的原因。在日常开发中，我们应该注重代码的规范性和健壮性，尽可能避免出现类似的错误。

示例代码：

function sayHello() {
    console.log('hello world');
}

sayHello()

在上述代码中，函数调用后的括号被错误地拼写成了中文输入法状态下的小括号，因此会出现 "Unexpected token illegal" 错误。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8672