创建后官方论坛上的帖子 https://community.c9.io/t/varname-is-not-defined-please-fix-or-add-global-varname-cloud9/7316/7我现在有足够的信心在这里发布我学到的东西。
Summary
讨论了解决该问题的四种方法:
- 禁用项目内的变量警告
- 创建一个
.eslintrc
包含所有全局变量的文件
- Use of
import
and export
- 添加评论
/*global varName*/
在文件顶部
解决方案1
为了避免出现该消息,只需关闭项目设置中的“标记未定义变量”选项即可。
尽管此解决方案可行,但它只会停止标记所有未定义的变量,甚至是您希望标记的变量。因此,我不推荐这种方法。
解决方案2
人们还可以创建一个.eslintrc
think 文件包含所有全局变量,如下所示:
{
"globals": {
"var1": true,
"var2": false
}
}
有关配置的更多信息:http://eslint.org/docs/user-guide/configuring http://eslint.org/docs/user-guide/configuring
这种方法的问题是,每次创建、删除或更改全局变量时,都必须更新全局变量文件。
这很快就会变得很麻烦,我什至不打算讨论大型项目的维护影响,这很快就会成为一场噩梦。
在我看来,这是一个技术解决方案,但并不实用。
解决方案3
首选解决方案,因为它仅依赖于 JavaScript,并且与其他语言的导入和导出功能非常相似。
然而,这种方法的问题是,在撰写答案时,没有浏览器支持export
也不import
关键词:
- https://developer.mozilla.org/en/docs/web/javascript/reference/statements/import https://developer.mozilla.org/en/docs/web/javascript/reference/statements/import
- https://developer.mozilla.org/en/docs/web/javascript/reference/statements/export https://developer.mozilla.org/en/docs/web/javascript/reference/statements/export
将来这可能会改变,但现在就是这样,所以我们也不能使用这个解决方案。
解决方案4
通过排除部分,由于解决方案一和二要么容易产生巨大的副作用,要么存在巨大的缩放问题,所以这是我暂时使用的解决方案。
它没有副作用,由于其与其他文件的独立性,可扩展性非常好,最重要的是,一旦解决方案 3 可供使用,就可以很容易地通过调用来替换注释。import
关键词。
结论
目前,解决方案 4 是最佳实践。然而,一旦浏览器添加了对解决方案 3 的支持,就应该使用它来代替解决方案 4。
Credits
特别感谢 Harutyun Amirjanyan 的坚韧、耐心和指导,帮助我解决了这个问题。