typescript namespace

在 TypeScript 中，命名空间（namespace）是一个结构化代码组织的概念，允许开发者将相关的功能、接口和类组合在一起。命名空间的主要目的是防止全局命名空间污染，尤其是在大型项目或多人协作开发中。通过使用命名空间，可以将代码划分为更小的、独立的模块，从而提高代码的可维护性和可读性。

命名空间的定义与使用

命名空间在 TypeScript 中通过 namespace 关键字来定义。以下是一个简单的命名空间定义示例：

namespace Utilities {
    export function calculateArea(width: number, height: number): number {
        return width * height;
    }

    export function calculatePerimeter(width: number, height: number): number {
        return 2 * (width + height);
    }

    export interface Rectangle {
        width: number;
        height: number;
    }
}

在上面的例子中，我们创建了一个名为 Utilities 的命名空间。在这个命名空间中，定义了两个函数 calculateArea 和 calculatePerimeter 以及一个接口 Rectangle。请注意，这些成员都是用 export 关键字导出的，这使得它们可以在命名空间外部被访问和使用。

使用命名空间中的成员时，需要通过命名空间的名称来进行访问：

const myRect: Utilities.Rectangle = { width: 5, height: 3 };
const area = Utilities.calculateArea(myRect.width, myRect.height);
const perimeter = Utilities.calculatePerimeter(myRect.width, myRect.height);

console.log(`Area: ${area}, Perimeter: ${perimeter}`);

命名空间的嵌套

TypeScript 中还支持命名空间的嵌套，允许开发者在一个命名空间中定义另一个命名空间。这在需要更复杂的代码组织结构时非常有用。例如：

namespace UI {
    export namespace Components {
        export class Button {
            constructor(public label: string) {}
            click(): void {
                console.log(`${this.label} button clicked`);
            }
        }
    }
}

const myButton = new UI.Components.Button("Submit");
myButton.click();  // 输出: Submit button clicked

在这个例子中，我们在 UI 命名空间中定义了一个嵌套的命名空间 Components，并在其中创建了一