7、命名空间
最后更新于：2022-04-02 06:09:55
TypeScript中的命名空间可将那些具有内在联系的接口、类或对象等代码组织在一起，既能隔离作用域，也能避免命名冲突，并且使得代码结构清晰，更易追踪。在命名空间内部，所有实体部分默认都是私有的，需要由export关键字导出之后，才能在外部访问，如下所示。
~~~
namespace Util {
export function log(msg) {
console.log(msg);
}
}
Util.log("strick");
~~~
TypeScript会将上面的命名空间编译成两部分：Util变量和即时函数，如下代码所示，这是一种常见的模块化封装。
~~~
var Util;
(function(Util) {
function log(msg) {
console.log(msg);
}
Util.log = log;
})(Util || (Util = {}));
Util.log("strick");
~~~
注意，由于TypeScript 1.5为了与ES6的术语保持一致，已将内部模块改为命名空间，外部模块简称为模块，因此原先用于内部模块的module关键字和现在的namespace关键字在功能上是一样的。但是为了避免被ES6、CommonJS、UMD等模块概念中的相似名称所迷惑，官方推荐使用namespace。
## 一、分离
当命名空间膨胀的过大时，为了便于维护，有必要将其分离到各个文件中。例如将命名空间分到三个文件中，第一个util.ts文件的代码如下。
~~~
namespace Util {
export function log(msg) {
console.log(msg);
}
}
~~~
第二个validator.ts文件的代码如下。
~~~
namespace Validator {
export function isAcceptable(str) {
return str.length > 1;
}
}
~~~
第三个default.ts文件的代码如下所示，其中三斜线指令用来通知编译器在编译时需要引入的外部文件，并且它必须声明在文件顶部。
~~~
///
';