在 TypeScript 中，命名空间和模块是两种不同的代码组织方式，它们都旨在帮助你管理和维护大型代码库。命名空间提供了一种将相关功能组织在一起的方式，而模块则允许你将代码分解成可重用的单元。在本文中，我们将探讨命名空间和模块的概念，以及如何在 TypeScript 中使用导入和导出来管理代码。

命名空间（Namespaces）

命名空间是将相关函数、类、枚举、变量等组织在一起的一种方式。在 TypeScript 中，你可以使用 namespace 关键字来定义命名空间。

基本语法

namespace MathTool {export function add(num1: number, num2: number): number {return num1 + num2;}export function sub(num1: number, num2: number): number {return num1 - num2;}var PI = 3.14;export function circleArea(radius: number): number {return PI * radius * radius;}
}

在这个例子中，我们定义了一个名为 MathTool 的命名空间，并在其中导出了三个函数。

使用命名空间

console.log(MathTool.add(1, 2)); // 输出 3
console.log(MathTool.sub(1, 2)); // 输出 -1
const circleArea = MathTool.circleArea;
console.log(circleArea(1)); // 输出 3.14

模块（Modules）

模块是 TypeScript 中的另一种代码组织方式。通过使用 export 和 import 关键字，你可以将函数、类、枚举、变量等导出到其他文件中使用。

单个导出与导入

你可以将一个实体导出为模块的一部分，然后在另一个文件中导入它。

// myModule.ts
export function myModuleLog() {console.log("myModuleLog");
}

// app.ts
import { myModuleLog } from './myModule';
myModuleLog(); // 输出 "myModuleLog"

多个导出与导入

你可以从单个文件中导出多个实体，然后在另一个文件中导入它们。

// mathTool.ts
export function add(num1: number, num2: number): number {return num1 + num2;
}
export function sub(num1: number, num2: number): number {return num1 - num2;
}

// app.ts
import { add, sub } from './mathTool';
console.log(add(1, 2)); // 输出 3
console.log(sub(1, 2)); // 输出 -1

单个导入

你可以将整个模块导入，而不是单独的实体。

// app.ts
import * as MathTool from './mathTool';
console.log(MathTool.add(1, 2)); // 输出 3
console.log(MathTool.sub(1, 2)); // 输出 -1

多个导入

你可以从一个模块中导入多个实体。

// app.ts
import { add, sub, circleArea as area } from './mathTool';
console.log(add(1, 2)); // 输出 3
console.log(sub(1, 2)); // 输出 -1
console.log(area(1)); // 输出 3.14

重命名导入

在导入时，你可以为导入的实体指定一个新的名字。

// app.ts
import { add as sum, sub as difference } from './mathTool';
console.log(sum(1, 2)); // 输出 3
console.log(difference(1, 2)); // 输出 -1

结论

命名空间和模块是 TypeScript 中强大的代码组织工具。命名空间允许你将相关的代码组织在一起，而模块则提供了一种将代码分解成可重用单元的方式。通过使用 export 和 import，你可以轻松地在不同的文件和模块之间共享代码。这些特性使得 TypeScript 成为一个非常适合大型项目的语言。

希望这篇文章能帮助你更好地理解和使用 TypeScript 的命名空间和模块。如果你有任何问题或想要进一步探讨，欢迎在评论区留下你的想法！