来源：小满TypeScript基础教程全集（完结）

namespace

工作中经常无法避免全局变量造成的污染，于是TypeScript提供了namespace关键字，避免这个问题的出现

  • 作用：内部模块，主要用于组织代码，避免命名冲突。
  • 表现：
    • 命名空间内的类默认私有
  • 语法：
    • 通过export暴露
    • 通过namespace关键字定义

TS模块

TS与ES2015一样，任何包含顶级import或者export的文件都被当成一个模块

相反，如果一个文件不带顶级的import或者export声明，那么它的内容就是全局可见的

TS命名空间

更推荐使用ES模块作为模块化的解决方案，而不是过度使用命名空间

使用

命名空间中要通过export将想要暴露的部分导出，不导出就不能被读取

namespace会被编译成这样

1
2
3
4
5
6
7
8
"use strict";
var A;
(function (A) {
    A.ab = 1;
    const c = 3;
})(A || (A = {}));
console.log(B.ab);
// console.log(B.c)  // 报错

嵌套命名空间

namespace可以嵌套

1
2
3
4
5
6
7
8
9
10
11
12
namespace a {
    export namespace b {
        export class Vue {
            parameters: string
            constructor(parameters: string) {
                this.parameters = parameters
            }
        }
    }
}
let v = a.b.Vue
new v('1')

抽离命名空间

可以导出/导入命名空间

a.ts：

1
2
3
export namespace V {
    export const a = 1
}

b.ts：

1
2
3
import {V} from '../observer/index'
 
console.log(V)  // ->{a:1}

简化命名空间

1
2
3
4
5
6
7
8
namespace A  {
    export namespace B {
        export const C = 1
    }
}
// 给一个嵌套命名空间重新命名
import X = A.B.C
console.log(X)	// ->1

合并命名空间

声明同名的命名空间，不会出现代替，而是会出现合并现象