如何解决 ESLint 错误：'const' is not allowed

背景

在进行前端开发的过程中，我们通常会使用 ESLint 对我们的代码进行规范化和纠错。然而，有时候我们会发现 ESLint 报出了一个名为 "'const' is not allowed" 的错误。

这个错误的产生，其实是因为在默认的情况下，ESLint 是不允许使用 ES6 新特性中的 const 和 let 声明变量的。这是因为在早期的 JavaScript 版本中，只有 var 关键字可以用来声明变量，而 ES6 中引入了 const 和 let 关键字，因此在一些编码规范中可能会规定不允许使用这两个关键字。

解决方案

如果你想在使用 const 和 let 关键字的情况下，避免 ESLint 报出 "'const' is not allowed" 的错误，那么我们可以通过以下方法进行解决。

在 ESLint 配置文件中添加规则

我们可以在 .eslintrc 配置文件中添加一个规则，来明确告诉 ESLint，我们允许使用 const 和 let 关键字。配置方法如下：

{
  "rules": {
    "no-var": "error",
    "prefer-const": "error"
  }
}

这里的 "no-var": "error" 表示禁止使用 var 关键字，而 "prefer-const": "error" 则表示建议使用 const 关键字。通过这两个规则的配置，我们就可以在项目中放心地使用 const 和 let 关键字了。

在代码中添加注释

另外一种解决方式是，我们可以在代码中添加 /* eslint-disable */ 注释，表示忽略当前行的 ESLint 报错检查。如下所示：

/* eslint-disable */
const a = 1;
let b = 2;

当然，为了避免对代码造成过多的污染，我们只建议在必要的情况下使用这种解决方式。

总结

ESLint 作为一个代码质量控制工具，在我们的前端开发中扮演着相当重要的角色。在遇到 "'const' is not allowed" 的错误时，我们可以采用以上两种方式中的一种，来解决这个问题。无论是在 ESLint 配置文件中添加规则，还是在代码中添加注释，我们都要在代码质量和开发效率之间找到一个平衡点，以使得代码更加规范，可读性更高。

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