TypeScript - 模块：初学者指南
你好，有抱负的程序员！今天，我们将踏上一段激动人心的旅程，探索 TypeScript 模块的世界。如果你是编程新手，不用担心；我会成为你的友好向导，一步步解释所有内容。那么，让我们开始吧！
什么是模块？
在我们深入了解之前，让我们先了解一下模块是什么。想象你正在构建一个巨大的乐高结构。你可能会分别构建更小的部分，然后将它们组合在一起，而不是一次性创建所有内容。这正是模块在编程中做的事情！
模块帮助我们把我们代码组织成可管理、可重用的部分。它们允许我们将代码分散到多个文件中，使其更容易维护和理解。在 TypeScript 中，我们有两种类型的模块：内部模块和外部模块。
内部模块
内部模块，也称为命名空间，是 TypeScript 组织代码的原始方式。虽然现在它们不太常见，但理解它们可能会有所帮助。
创建内部模块
让我们创建第一个内部模块：
namespace MathOperations {
export function add(x: number, y: number): number {
return x + y;
}
export function subtract(x: number, y: number): number {
return x - y;
}
}
console.log(MathOperations.add(5, 3)); // 输出: 8
console.log(MathOperations.subtract(10, 4)); // 输出: 6在这个例子中，我们创建了一个名为 MathOperations 的命名空间。在它里面，我们有两个函数：add 和 subtract。export 关键字使得这些函数可以在命名空间外部访问。
使用内部模块
要使用我们命名空间中的函数，我们需要在它们前面加上命名空间名称：
let sum = MathOperations.add(10, 20);
console.log(sum); // 输出: 30嵌套命名空间
我们甚至可以在命名空间内嵌套其他命名空间：
namespace Geometry {
export namespace Circle {
export function calculateArea(radius: number): number {
return Math.PI * radius * radius;
}
}
}
console.log(Geometry.Circle.calculateArea(5)); // 输出: 78.53981633974483在这里，我们有一个在 Geometry 命名空间内嵌套的 Circle 命名空间。
外部模块
外部模块是更现代且推荐的方式，用于组织 TypeScript 代码。它们与 ECMAScript 2015（ES6）模块保持一致。
创建外部模块
让我们创建一个名为 mathOperations.ts 的文件：
// mathOperations.ts
export function add(x: number, y: number): number {
return x + y;
}
export function multiply(x: number, y: number): number {
return x * y;
}在这个文件中，我们导出了两个函数：add 和 multiply。
导入并使用外部模块
现在，让我们创建另一个文件来使用这些函数：
// app.ts
import { add, multiply } from './mathOperations';
console.log(add(5, 3)); // 输出: 8
console.log(multiply(4, 2)); // 输出: 8在这里，我们从我们的 mathOperations 模块中导入了特定的函数。
默认导出
有时，你可能希望从模块中导出一个主要的东西。这时，默认导出就派上用场了：
// greet.ts
export default function greet(name: string): string {
return `Hello, ${name}!`;
}导入默认导出的方法如下：
// app.ts
import greet from './greet';
console.log(greet('Alice')); // 输出: Hello, Alice!重命名导入
如果你想要避免命名冲突，也可以重命名导入：
import { add as sum } from './mathOperations';
console.log(sum(5, 3)); // 输出: 8为什么使用模块？
- 组织：模块帮助保持代码的组织性和可维护性。
- 封装：它们提供了一种隐藏代码复杂性的方法。
- 可重用性：你可以轻松地在应用程序的不同部分重用代码。
- 命名空间：它们帮助避免代码中的命名冲突。
模块解析策略
TypeScript 使用不同的策略来解析模块：
| 策略 | 描述 |
|---|---|
| 经典 | 使用一个简单的算法来查找模块 |
| Node | 模仿 Node.js 模块解析机制 |
| 路径映射 | 允许你指定 TypeScript 应如何解析导入 |
结论
恭喜你！你已经迈出了进入 TypeScript 模块世界的第一步。记住，就像学习骑自行车一样，一开始可能会有些摇摇晃晃，但通过练习，你很快就会自如地骑行。
模块是你编程工具箱中的强大工具。它们帮助你编写整洁、有组织和可重用的代码。在你继续 TypeScript 的旅程时，你会发现自己越来越多地使用模块。
继续编码，继续学习，最重要的是，享受乐趣！谁知道呢？下一个伟大的应用程序可能只是一个模块的距离。快乐编码！
Credits: Image by storyset