在 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，并在其中创建了一