TypeScript 命名空间

命名空间是TypeScript中组织代码的主要方式之一。它们提供了一种更加简洁的方式来组织代码，避免了全局命名冲突，并且可以轻松地重用代码。

何时使用命名空间

当我们需要组织一大堆代码，并且这些代码可能被用于多个文件或项目时，就可以使用命名空间将它们组织起来。比如，前端项目中可能需要有一个utils命名空间，用于存放所有的工具函数。

命名空间的定义有两种方式：使用namespace关键字或使用module关键字。

namespace MyNamespace {
  export function myFunc() {}
}

MyNamespace.myFunc()

module MyModule {
  export function myFunc() {}
}

MyModule.myFunc()

两种方式的效果是一样的，只不过module关键字用于描述ES6 Module中的模块，而namespace则用于传统的模块。

命名空间可以包含函数、变量、类、接口等各种类型的代码。在使用命名空间中的代码时，需要在代码前加上命名空间的名称。

namespace MyNamespace {
  export function myFunc() {}
}

// 使用
MyNamespace.myFunc()

当命名空间名字太长或者重复时，可以使用别名来简化代码：

namespace LongNameSpaceName {
  export function myFunc() {}
}

// 别名
import MyNamespace = LongNameSpaceName

// 使用别名
MyNamespace.myFunc()

命名空间可以嵌套定义。这样可以更好地组织代码，使代码更加清晰：

namespace MyNamespace {
  export namespace SubNamespace {
    export function myFunc() {}
  }
}

// 使用
MyNamespace.SubNamespace.myFunc()

为了让外部代码可以使用命名空间中的代码，需要使用export关键字导出它们：

namespace MyNamespace {
  export function myFunc() {}
}

// 导出
export { MyNamespace }

这样，在其他文件中就可以使用下面的代码来使用MyNamespace中的代码：

import { MyNamespace } from './myModule'
MyNamespace.myFunc()

命名空间是TypeScript中组织代码的一种方式，可以更好地组织代码，避免了命名冲突，并且可以轻松重用代码。命名空间可以嵌套定义，也可以使用别名，这些都可以使代码更加清晰易于维护。最后，要记得使用export关键字导出需要让其他文件中的代码使用的部分。