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