TS入门——06.命名空间

命名空间概述

命名空间就是用来开辟一个作用域解决命名冲突问题，我们可以在不同命名空间中定义同名的变量
TypeScript 使用namespace来定义命名空间，通过 export 关键字对外暴露需要在外部访问的对象，如下

namespace s1 {
  export interface rule {
    name: string,
    age: number
  }
}

// 使用命名空间s1的接口约束
const obj: s1.rule = {
  name: 'lucky',
  age: 22
}

上面代码定义了一个s1命名空间，向外暴露了rule接口，在外面想要使用命名空间里的接口只需通过点语法调用即可，要在另一个文件中使用该命名空间的内容就需要使用，则应使用三斜杠 /// 引用它，语法格式如下：

/// <reference path = “FileName.ts” /

假设上面代码是在namespace1.ts文件中，以下实现在同级目录下namespace2.ts中使用命名空间s1里的接口约束

/// <reference path="namespace1.ts" />

const obj2: s1.rule = {
  name: 'lucky',
  age: 22
}

命名空间的相互引入和导出使用案例

util.ts

namespace A {
  export interface personRule {
    name: string,
    sayHi () : string
  }
}

person.ts

/// <reference path="util.ts" />

export namespace B {
  export class Person implements A.personRule {
    public name: string
    constructor(name: string) {
      this.name = name
    }

    sayHi(): string {
      return this.name + '你好'
    }
  }
}

index.ts

import { B } from './person'

const me = new B.Person('lucky')
console.log(me.sayHi()) // lucky你好

命名空间到此结束