javascript - VarName 未定义，请修复或添加/*global VarName*/Cloud9

Question

目标

阻止 Cloud9 IDE 给我警告消息。

背景

我正在使用 Cloud9 IDE 编写 JavaScript，无论我在哪里使用另一个文件(在同一文件夹中)的类，我都会收到警告消息:

VarName is not defined, please fix or add /*global VarName*/

现在这让我很烦恼，我想修复它。

显而易见的解决方案是添加注释 /*global VarName*/ 并完成它，但我不认为这是一个好的做法。

我尝试了什么

经过研究，我发现了 JavaScript import functionality .理论上，这将允许我执行类似 import "myOtherJsFile" 的操作并完成它。

这将是该问题的一个很好的标准化解决方案，因为许多其他语言采用相同的方法。

问题

但是，即使在添加上述行之后，我仍然收到警告。它不会消失。

问题

1. 我做错了什么吗？
2. 有没有办法在不向我的代码添加注释的情况下删除警告？
3. 还有其他方法可以实现我的目标吗？

Answer 1

创建 thread on the official forums 之后我现在有足够的信心在这里发布我学到的东西。

总结

讨论了四种解决问题的方法:

1. 禁用项目中的变量警告
2. 创建一个包含所有全局变量的 .eslintrc 文件
3. 使用import 和export
4. 在文件顶部添加注释/*global varName*/

方案一

要避免出现该消息，只需在项目设置中关闭“标记 undefined variable ”选项即可。

尽管此解决方案可行，但它只会停止标记所有 undefined variable ，即使是您希望它标记的变量。因此，我不推荐这种方法。

解决方案2

还可以创建一个包含所有全局变量的 .eslintrc think 文件，如下所示:

{
    "globals": {
        "var1": true,
        "var2": false
    }
}

有关配置的更多信息:http://eslint.org/docs/user-guide/configuring

这种方法的问题在于，每次创建、删除或更改全局变量时，都必须更新全局变量文件。

这很快就会变得很麻烦，我什至不打算讨论维护对大型项目的影响，这很快就会成为一场噩梦。

在我看来，这是一个技术性的解决方案，但不实用。

方案三

首选解决方案，因为它完全依赖于 JavaScript，并且与其他语言的导入和导出功能非常相似。

然而，这种方法的问题是，在撰写答案时，没有浏览器支持 export 或 import 关键字:

• https://developer.mozilla.org/en/docs/web/javascript/reference/statements/import
• https://developer.mozilla.org/en/docs/web/javascript/reference/statements/export

future 可能会改变，但目前是这样，所以我们也不能使用这个方案。

解决方案4

通过排除部分，因为解决方案一和二要么容易产生巨大的副作用，要么存在巨大的扩展问题，这是我暂时使用的解决方案。

它没有副作用，由于它与其他文件无关，所以扩展性非常好，最重要的是，一旦解决方案 3 可供使用，只需调用 import 即可轻松替换注释 关键字。

结论

目前，解决方案 4 是最佳实践。但是，一旦浏览器添加了对解决方案 3 的支持，就应该使用它来代替解决方案 4。

致谢

特别感谢 Harutyun Amirjanyan 的坚韧、耐心和指导，帮助我解决了这个问题。