TypeScript命名空间讲解

TypeScript命名空间讲解

在 TypeScript 中可以使用命名空间来避免命名冲突，它们可以将代码划分为逻辑上相近的部分。命名空间可以帮助我们组织代码并减少全局命名冲突。

命名空间的定义

在 TypeScript 中，命名空间使用 namespace 关键字进行定义。

namespace MyNamespace {
  // 这里放命名空间中的代码
}

命名空间的使用

在声明命名空间之后，我们就可以在命名空间内使用它，也可以在命名空间外部使用它（使用 命名空间名称.变量名称 的方式访问）。

namespace MyNamespace {
  export const myVariable = "Hello World!";
}

console.log(MyNamespace.myVariable); // 输出: "Hello World!"

命名空间的嵌套

命名空间可以嵌套，这样可以更好地组织代码。

namespace MyNamespace {
  export namespace MyInnerNamespace {
    export const myVariable = "Hello World!";
  }
}

console.log(MyNamespace.MyInnerNamespace.myVariable); // 输出: "Hello World!"

示例1：使用命名空间来组织代码

下面是一个示例，展示了如何使用命名空间来组织代码。

namespace MyNamespace {
  export interface MyInterface {
    name: string;
  }

  export class MyClass {
    constructor(private _name: string) {}

    public get name(): string {
      return this._name;
    }
  }

  // 这些代码都在命名空间 MyNamespace 中
  export const myVariable = "Hello World!";
  export const myArray: string[] = ["a", "b", "c"];
}

// 在命名空间外部使用 MyNamespace 中的内容
const myObject: MyNamespace.MyInterface = { name: "Alice" };
const myClassInstance = new MyNamespace.MyClass("Bob");
console.log(myClassInstance.name); // 输出: "Bob"
console.log(MyNamespace.myVariable); // 输出: "Hello World!"
console.log(MyNamespace.myArray); // 输出: ["a", "b", "c"]

示例2：使用命名空间来避免名称冲突

下面是一个示例，展示了如何使用命名空间来避免名称冲突。

namespace MyNamespace {
  export interface MyInterface {
    name: string;
  }

  export class MyClass {
    constructor(private _name: string) {}

    public get name(): string {
      return this._name;
    }
  }
}

namespace AnotherNamespace {
  export interface MyInterface {
    value: number;
  }

  export class MyClass {
    constructor(private _value: number) {}

    public get value(): number {
      return this._value;
    }
  }
}

const myNamespaceInstance = new MyNamespace.MyClass("Alice");
console.log(myNamespaceInstance.name); // 输出: "Alice"

const anotherNamespaceInstance = new AnotherNamespace.MyClass(42);
console.log(anotherNamespaceInstance.value); // 输出: 42

在这个例子中，我们定义了两个具有相同名称的接口和类，但由于它们位于不同的命名空间中，我们可以轻松地避免名称冲突。