namespace 命名空间

我们在编写项目时，无法避免全局变量造成的污染，ts 为了避免这个问题，提供了namespace：

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

提示

ts 与 es2015 一样，任何包含顶级import和export的文件都将被当成一个模块。反之，如果一个文件没有顶级import或者export声明，则它的内容被视为全局可见的（对模块也是可见的）。

例子

namespace中通过export将暴露内容，如果不使用export，则无法读取其值。

namespace nameA {
	export const Time: number = 1000
	export const fn = <T>(arg: T): T => {
		return arg
	}
	fn(Time)
}

namespace nameB {
	const Time: number = 1000
	const fn = <T>(arg: T): T => {
		return arg
	}
	fn(Time)
}

console.log(nameA.Time) // 1000
console.log(nameA.fn(2000)) // 2000

console.log(nameB.Time) // 类型“typeof nameB”上不存在属性“Time”。
console.log(nameB.fn(2000)) // 类型“typeof nameB”上不存在属性“fn”。

嵌套命名空间

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：导出命名空间

  export namespace V {
  	export const a = 1
  }
  

• b.ts：导入命名

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

简化命名空间

namespace A {
	export namespace B {
		export const C = 1
	}
}

import X = A.B.C

console.log(X) // 1

合并命名空间

重名的命名空间会合并为一个命名空间。如下：

namespace a {
	export const b = 1
}

namespace a {
	export const c = 2
}