ESLint 报错解决：Unexpected Token-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常使用 ESLint 工具来规范我们的代码，避免一些常见的错误和代码风格不统一问题。但是有时在使用 ESLint 进行代码检测时，会出现 Unexpected Token 的错误，这时我们需要对错误进行解决。

什么是 Unexpected Token

在 JavaScript 中，每个符号都有其特定的含义，但是有些符号或字符却不能出现在某些地方，当这些符号或字符出现在错误的地方时，ESLint 就会报出 Unexpected Token 错误。

例如，在这段代码中：

if () {}

因为 if 后面需要加上括号里的条件语句，但是括号内没有条件语句，所以会出现 Unexpected Token 错误。

在出现 Unexpected Token 错误时，我们需要进行以下几个方面的解决：

当出现 Unexpected Token 错误时，我们首先需要检查代码是否存在语法错误。在大多数情况下，出现这个错误是因为代码中存在语法问题。

例如，在下面的代码中：

for (var i = 0; i < 10; i++)
  console.log(i);

注意到这个代码块依然缺少左大括号，导致代码无法正确运行，出现 Unexpected Token 错误。

所以，在代码出现错误时，我们需要通过检查代码语法来确定是否存在语法错误。

在 JavaScript 中，括号是非常重要的符号，不同的括号有着不同的用途。在出现 Unexpected Token 错误时，我们也需要检查代码是否缺少括号。

例如，在下面的代码中：

if (true)
  console.log('True');
else
  console.log('False');

注意到这个代码块缺少左大括号，导致代码无法正确运行。

因此，我们需要确保在 if，for，while，switch 语句等代码块中正确地使用大括号来创建代码块。

在 JavaScript 中，变量的声明是非常重要的。变量声明会告诉 JavaScript 引擎变量的类型和作用域。在出现 Unexpected Token 错误时，我们也需要检查变量声明是否正确。

例如，在下面的代码中：

const arr = [1, 2, 3];
arr.splice(1, 0, 4, 5);
console.log(arr);

代码能够正确地运行，但是如果我们将 const 改为 var，则会出现 Unexpected Token 错误。

因此，我们需要确保变量声明符合 JavaScript 语法。

if () {}

出现 Unexpected Token 错误，可以通过添加条件语句解决：

if (condition) {}

if (true)
  console.log('True');
else
  console.log('False');

缺少左大括号，可以添加左大括号解决：

if (true) {
  console.log('True');
}
else {
  console.log('False');
}

var x = 10;
x++;
const y = 20;

变量声明不符合语法，可以改为：

let x = 10;
x++;
const y = 20;

在前端开发中，我们使用 ESLint 工具来检查代码。出现 Unexpected Token 错误时，我们需要通过检查语法错误、检查缺少括号和检查变量声明等方式来解决错误。只有正确地解决错误，才能保证代码的正确性和规范性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/648bd21048841e9894a1da64