ESLint 检查 JS 文件时报错：Parsing error: Identifier 'arguments' has already been declared

作为前端开发人员，我们经常使用ESLint来检查和规范我们的JavaScript代码。然而，在使用ESLint检查JS文件时，有时会出现Parsing error: Identifier 'arguments' has already been declared的错误。

这个错误的原因是，arguments是一个JavaScript中的保留关键字。当我们在代码中多次声明同一个变量时，就会出现这个错误。

例如，假设我们在代码中声明了一个变量名为arguments的变量，然后再次使用相同的变量名来声明另一个变量，就会出现这个错误：

var arguments = "hello";
var arguments = "world"; // Parsing error: Identifier 'arguments' has already been declared

那么，我们该如何处理这个错误呢？

解决方法：

1. 更改变量名

最简单的解决方法是更改变量名，使用不同的变量名来声明变量，以避免使用arguments保留关键字。

var args = "hello";
var parameters = "world";

1. 使用let或者const声明变量

ES6引入了let和const关键字来声明变量。与var不同，它们不存在变量提升，并且不能重新声明相同的变量。

let arguments = "hello";
const arguments = "world"; // Parsing error: Identifier 'arguments' has already been declared

虽然使用let/const可以很好地解决这个问题，但请注意，如果在同一代码块中使用相同的变量名称来声明变量，也会引发Identifier 'arguments' has already been declared的错误。

{
  let arguments = "hello"; 
  let arguments = "world"; // Parsing error: Identifier 'arguments' has already been declared
}

1. 在ESLint配置文件中添加选项

还可以通过在ESLint配置文件中添加选项来解决这个问题。在ESLint配置文件中，我们可以添加no-redeclare规则来防止重新声明变量。

{
  "rules": {
    // 禁止重复声明变量
    "no-redeclare": "error"
  }
}

当我们添加这个规则后，ESLint将不允许我们在同一作用域中多次声明同一变量，这将避免诸如Parsing error: Identifier 'arguments' has already been declared之类的错误。

虽然这种方法可以帮助我们解决问题，但有时我们需要在同一作用域中声明多个变量，这个方法也会防止我们这样做。

在实际开发中，我们需要谨慎使用方法2和方法3，在特定情况下使用它们。最好的解决方案是使用方法1，更改变量名称以避免使用arguments保留关键字。

总结

在使用ESLint检查JS文件时，避免使用JavaScript中的保留关键字作为变量名来声明变量，特别是arguments。如果必须使用，可以使用其他解决方法来解决错误，如更改变量名，使用let/const声明变量，或在ESLint配置文件中添加规则。

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