TypeScript中namespace命名空间

疆~

已于 2024-07-02 14:22:23 修改

阅读量377

点赞数

分类专栏： TypeScript 文章标签： typescript javascript 前端

于 2023-04-21 10:59:59 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40323256/article/details/130283564

版权

TypeScript 专栏收录该内容

9 篇文章

订阅专栏

在TypeScript中，为了管理大量代码并避免命名冲突，可以使用命名空间将相关函数、类和接口组织起来。通过export关键字，可以在命名空间内部暴露这些元素，但不直接在模块级别导出。例如，创建了两个不同的User类，分别位于lj3d.A和lj3d.B命名空间下，然后可以通过lj3d.A.User和lj3d.B.User来实例化和使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：TypeScript 命名空间 | 菜鸟教程TypeScript 命名空间命名空间一个最明确的目的就是解决重名问题。假设这样一种情况，当一个班上有两个名叫小明的学生时，为了明确区分它们，我们在使用名字之外，不得不使用一些额外的信息，比如他们的姓（王小明，李小明），或者他们父母的名字等等。命名空间定义了标识符的可见范围，一个标识符可在多个命名空间中定义，它在不同命名空间中的含义是互不相干的。这样，在一个新的命名空间中可定义任何标识符，它们不会与任何已有的标识符发生冲突，因..https://www.runoob.com/typescript/ts-namespace.html

在代码量较大的情况下，为了避免各种变量命名相冲突，可以将类似功能的函数、类、接口等放置到命名空间中

在TypeScript中的命名空间中的对象、类、函数等可以通过export暴露出来通过命名空间名.类名等来使用

这个暴露是暴露在命名空间外，不是将其在模块中暴露出去

namespace lj3d {
  export namespace A {
    export class User {
      name: String;
      constructor(name: String) {
        this.name = name;
      }
      say() {
        console.log(`我叫:${this.name}`);
      }
    }
  }
  export namespace B {
    export class User {
      name: String;
      constructor(name: String) {
        this.name = name;
      }
      say() {
        console.log(`我叫:${this.name}`);
      }
    }
  }
}
var a = new lj3d.A.User("张三");
var b = new lj3d.B.User("李四");

a.say();
b.say();