在前端开发中，ESLint 是一个非常常用的代码检查工具，可以帮助我们规范代码风格、避免一些常见的错误。但是，有时候我们会遇到一个叫做 “Unexpected token” 的错误，这个错误看起来比较晦涩，但是却经常出现。本文将详细介绍这个错误的原因和解决方式，希望能够帮助读者更好地使用 ESLint。
什么是 “Unexpected token” 错误？
在 JavaScript 中，我们经常会使用各种符号和关键字来表示代码的不同含义。比如，括号 () 表示函数调用，花括号 {} 表示代码块，等等。在某些情况下，如果我们使用了不合法的符号或者关键字，就会出现一个叫做 “Unexpected token” 的错误。这个错误的意思是：代码中出现了一个不合法的符号或者关键字，导致代码无法被正确解析。
下面是一个例子：
-------- ------ -- - ------ - - -- - ----- ------ - ------ --- --------------------
这段代码很简单，就是定义了一个函数 add，然后调用它并输出结果。但是，如果我们在函数定义的时候漏掉了一个括号，就会出现一个 “Unexpected token” 错误：
-------- ------ - - ------ - - -- -
这个错误的意思是，代码解析器在解析这个函数的时候，遇到了一个不合法的符号 {，无法继续解析下去。
“Unexpected token” 错误的原因
在上面的例子中，我们可以看到，“Unexpected token” 错误是由于缺少一个括号导致的。但是，在实际开发中，“Unexpected token” 错误可能有很多种原因。下面是一些常见的原因：
1. 括号不匹配
在 JavaScript 中，括号是非常重要的符号，经常用来表示函数调用、代码块等等。但是，如果我们使用了不匹配的括号，就会导致 “Unexpected token” 错误。比如：
-------- ------ - - ------ - - -- -
这个错误的原因就是，函数定义中的括号没有匹配，导致解析器无法正确解析代码。
2. 语法错误
JavaScript 是一门非常灵活的语言，但是也有一些语法规则需要遵守。如果我们使用了不符合语法规则的代码，就会出现 “Unexpected token” 错误。比如：
----- --- - - ----- ------- ---- --- --
这个错误的原因是，对象字面量中的属性之间需要用逗号 , 分隔，但是这里漏掉了一个逗号，导致解析器无法正确解析代码。
3. 使用了未定义的变量
如果我们在代码中使用了未定义的变量，就会出现 “Unexpected token” 错误。比如：
---------------
这个错误的原因是，变量 a 没有被定义，导致解析器无法正确解析代码。
“Unexpected token” 错误的解决方式
遇到 “Unexpected token” 错误时，我们应该怎么办呢？下面是一些解决方式：
1. 检查代码括号是否匹配
在遇到 “Unexpected token” 错误时，首先应该检查代码中的括号是否匹配。如果括号没有匹配，就需要添加或者删除相应的括号。
2. 检查代码语法是否正确
如果代码中的括号已经匹配了，但是还是出现了 “Unexpected token” 错误，就需要检查代码语法是否正确。可以使用 ESLint 等工具来检查代码语法，也可以手动检查代码是否符合语法规则。
3. 检查变量是否被正确定义
如果代码语法正确，但是还是出现了 “Unexpected token” 错误，就需要检查变量是否被正确定义。可以使用 let 或者 const 关键字来定义变量，避免使用未定义的变量。
总结
“Unexpected token” 错误是前端开发中比较常见的错误，但是它的原因可能有很多种。在遇到这种错误时，我们应该先检查代码中的括号是否匹配，然后再检查代码语法是否正确，最后检查变量是否被正确定义。通过这些方法，我们可以更好地避免 “Unexpected token” 错误的出现，提高代码的质量和可读性。
示例代码
下面是一个示例代码，其中包含了一个 “Unexpected token” 错误：
-------- ------ - - ------ - - -- - ----- ------ - ------ --- --------------------
在这个代码中，我们漏掉了一个括号，导致出现了 “Unexpected token” 错误。如果我们添加相应的括号，代码就可以正常运行了：
-------- ------ -- - ------ - - -- - ----- ------ - ------ --- --------------------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65c1ae67add4f0e0ffbb05e0