一,现象
在今天开始学习ts的时候,依据文档创建一个ts文件,然后tsc编译好该文件,同时打开了之后,发现ts文件代码在vscode中高亮显示了,查看原因说是这个:无法重新声明块范围变量“a”
代码块:
let a:number=1;
二,原因分析
是因为在 Commonjs 规范里,没有像 ESModule 能形成闭包的「模块」概念,所有的模块在引用时都默认被抛至全局,因此当再次声明某个模块时,TypeScript 会认为重复声明了两次相同的变量进而抛错。
上文中,我两个文件都打开了,vscode就会以为我声明了两次a变量,所以报错了。
三,解决办法
1,关闭编译出来的js文件窗口,这样全局就只有一个变量了。
2,在文件的末尾增加一句模块导出,让vscode把它当模块处理,作用域自然封闭在当前文件下。
export {}