问题再现
用 Typescript 时, 遇到一个声明常量 name 的报错。代码如下:
let name:string="zhangsan";
let num:number=1001;
执行编译时报错:
原因
在默认状态下,typescript 将 DOM typings 作为全局的运行环境,所以当我们声明 name时, 与 DOM 中的全局 window 对象下的 name 属性出现了重名。因此,报了错误。
解决方案
方案一
将运行环境由 DOM typings 更改成其他运行环境。可以在 tsconfig.json
中做一下声明:
{
"compilerOptions": {
"lib": [
"es2015"
]
}
}
方案二
既然与全局的变量出现重名,那我们将脚本封装到模块(module)内。module 有自己的作用域,自然不会与全局作用域的变量产生冲突。代码如下:
let name:string="zhangsan";
let num:number=1001;
export{};
备注:在 Typescript 中,只要文件存在 import 或 export 关键字,都被视为 module