如何让 JSHint 忽略一个文件中所有未定义的变量？

在前端开发过程中，我们经常使用 JSHint 这样的工具来检查代码中的潜在问题并提高代码质量。然而，在某些情况下，JSHint 会误报 "未定义的变量" 错误，这可能会导致我们花费大量的时间去排查问题。

那么，在某个文件中，我们如何让 JSHint 忽略所有未定义的变量呢？这里有两种方法：

方法一：通过 JSHint 的注释指令

在代码文件的顶部添加以下注释即可：

/*jshint undef:false */

这将禁用未定义变量的警告。请注意，此方法会影响整个文件，包括该文件中的所有函数和代码块。

方法二：通过 .jshintrc 文件配置

如果你不希望在每个文件中添加注释，则可以通过项目根目录下的 .jshintrc 文件进行配置。在该文件中添加以下内容：

{
  "undef": false
}

这将对该项目中的所有文件禁用未定义变量的警告。需要注意的是，这个设置将覆盖其他的 JSHint 配置。

示例代码

下面是一个例子，展示了如何使用第二种方法，在 .jshintrc 文件中配置 JSHint 忽略所有未定义的变量：

{
  "undef": false
}

// 忽略未定义变量的警告
foo = 'bar';
console.log(foo);

以上代码将不会触发 "foo is not defined" 的错误。

总结一下，JSHint 是一个非常有用的工具，可以帮助我们提高代码质量和避免一些潜在的问题。但是，在某些情况下，它可能会误报错误。通过上述方法，我们可以让 JSHint 忽略文件中所有未定义的变量，使开发过程更加顺畅。

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