TS — 命名空间的定义

  当我们的程序变得越来越大时，将所有的变量、函数、类等全局定义会变得越来越不可维护。这时，我们就需要一种方式将它们分组并封装起来，以避免与其他组件发生冲突。这种组织代码的方式就是命名空间（Namespace）。

  TypeScript中的命名空间（Namespace）是一种将代码包裹起来并防止与其他代码发生命名冲突的方式。它们可以将相关的代码组织在一起，以便更好地管理代码和模块化。

  命名空间本质上是一个对象，它可以包含类、函数、变量和其他命名空间等元素。

  在TypeScript中，命名空间可以通过namespace关键字来定义，它的语法格式如下：

namespace MyNamespace {
  export const myVar = 'hello';
  export function myFunc() { /* ... */ }
  export class MyClass { /* ... */ }
}复制

在命名空间内部，我们可以定义常量、函数、类等，使用 export 关键字将它们暴露给外部使用。我们可以像下面这样访问命名空间中的成员：

console.log(MyNamespace.myVar); // 输出 'hello'
MyNamespace.myFunc(); // 调用 myFunc 函数
const myObj = new MyNamespace.MyClass(); // 创建 MyClass 实例复制

当然，命名空间也支持嵌套定义，例如：

namespace MyNamespace {
  export namespace SubNamespace {
    export class MyClass { /* ... */ }
  }
}复制

这样，我们就可以通过 MyNamespace.SubNamespace.MyClass 访问 MyClass 类。

需要注意的是，TypeScript 中的命名空间不是 JavaScript 中的原生概念，它只是一种组织代码的方式。在编译后的 JavaScript 代码中，并不存在命名空间这种概念，而是使用了模块化的方式来组织代码。因此，在使用命名空间时，需要在编译时将其转换为相应的模块化语法。