解决 ESLint 报错：'Unexpected token )

如果你经常使用 ESLint 进行代码规范检查，你可能会遇到 'Unexpected token ) 报错。这个错误意味着代码中有一个意外的括号，可能是漏掉或多余的一个。

在这篇文章中，我们将讨论如何解决这个问题并避免类似的语法错误。

什么是 'Unexpected token ) 报错

'Unexpected token ) 报错是一个常见的语法错误，它通常出现在 JavaScript 代码中的一个函数调用的括号被漏掉或多余的情况。例如：

function myFunction() {
  console.log('Hello World');
}) // Unexpected token )

在这个例子中，我们不小心多了一个右括号，导致 ESLint 报错。

如何解决 'Unexpected token ) 报错

当你遇到 'Unexpected token ) 报错时，最好的方法是检查代码中是否遗漏或多余了括号。你可以通过阅读代码、手动计算等方式找到代码中的错误。

除此之外，代码编辑器也可以帮助你发现这些错误。例如，如果使用 VS Code 编辑器，它会在代码行旁边显示一个红色的波浪线，以指出错误的位置。

另一个常见的解决方法是使用 Prettier，它可以帮助你格式化代码并自动调整缩进、排版等。如果你遵循一致的代码格式规范，你可以减少这种错误的发生。

如何避免类似的语法错误

避免类似的语法错误的方法包括：

• 在编写代码时保持清晰和一致性，留出必要的空格和缩进；
• 为每个有开放和关闭的括号配对，包括圆括号（()）、花括号（{}）和方括号（[]）；
• 遵循代码格式规范，如 Airbnb、Google、JavaScript Standard 等规范。

示例代码

以下是一个示例代码，它可能会出现 'Unexpected token ) 报错：

function sum(a, b) {
  return a + b;
}

const result = sum(1, 2));

在这个代码中，我们多了一个右括号，导致 ESLint 报错。要解决这个问题，我们只需要将代码中多余的右括号去掉即可：

function sum(a, b) {
  return a + b;
}

const result = sum(1, 2);

结论

'Unexpected token ) 报错是一个常见的语法错误，它通常会出现在 JavaScript 代码中的函数调用括号被漏掉或多余的情况。为了避免这种错误，我们需要编写清晰且一致的代码，配对每个开放和关闭的圆括号并遵循代码格式规范。通过这些方法，我们可以减少这种错误的发生，提供更好的代码质量和可读性。

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