从 ECMAScript 2015 开始,JavaScript 引入了模块的概念。 TypeScript 也沿用这个概念。模块在其自身的作用域里执行,而不是在全局作用域里。这意味着定义在一个模块里的变量,函数,类等等在模块外部是不可见的,除非你使用 export 导出它们。 相反,如果想使用其它模块导出的变量,函数,类,接口等的时候,你可以通过 import 导入它们。
在类声明、接口前加上 export,这样在其他的文件中import这个类/接口之后就可以直接使用这个来声明变量
一个文件就是一个模块
如果两个不同文件内的模块名字相同怎么办,这时引入了命名空间namespace
命名空间定义了标识符的可见范围,一个标识符可在多个名字空间中定义,它在不同名字空间中的含义是互不相干的。这样,在一个新的名字空间中可定义任何标识符,它们不会与任何已有的标识符发生冲突,因为已有的定义都处于其他名字空间中。
namespace SomeNameSpaceName
{
export interface ISomeInterfaceName {}
export class SomeClassName {}
}
用点(.)运算符访问嵌套命名空间的成员
SomeNameSpaceName.SomeClassName
命名空间:将具有相似功能的代码都归一到同一个空间下进行管理,方便其他代码引用,更多的是侧重代码的复用。
模块:一个完整功能的封装,对外提供的是一个具有完整功能的功能包,需要显式引用。一个模块里可能会有多个命名空间。