在TypeScript中如何定义、导入和导出模块？

在TypeScript中，模块的定义、导入和导出与在ES6 JavaScript中非常相似。这是因为TypeScript在设计时就考虑到了与ECMAScript标准的兼容性。

以下是在TypeScript中定义、导入和导出模块的基本步骤：

1. 定义模块

在TypeScript中，任何包含import或export语句的文件都被视为模块。这意味着，你可以在一个文件中定义一些函数、类、变量等，并使用export关键字将它们导出，以供其他模块使用。

例如，假设你有一个名为mathOperations.ts的文件，其中包含一些数学操作函数：

// mathOperations.ts
export function add(a: number, b: number): number {
    return a + b;
}

export function subtract(a: number, b: number): number {
    return a - b;
}

在这个例子中，我们定义了两个函数add和subtract，并使用export关键字将它们导出。

2. 导入模块

要在另一个文件中使用已导出的函数、类、变量等，你可以使用import语句将它们导入。import语句允许你按需导入模块中的特定部分，或者一次性导入模块中的所有内容。

例如，假设你有一个名为app.ts的文件，其中需要使用mathOperations.ts中定义的函数：

// app.ts
import { add, subtract } from './mathOperations';

const sum = add(10, 5); // 15
const difference = subtract(10, 5); // 5

console.log(sum, difference);

在这个例子中，我们使用import语句从mathOperations.ts文件中导入了add和subtract函数，并在app.ts文件中使用了它们。

3. 编译和运行TypeScript代码

在你可以运行TypeScript代码之前，你需要先将其编译为JavaScript。你可以使用TypeScript编译器（tsc）来完成这个任务。确保你已经安装了TypeScript（例如，通过npm安装），然后在命令行中运行以下命令来编译你的代码：

tsc app.ts mathOperations.ts

这将生成两个JavaScript文件：app.js和mathOperations.js。你可以使用Node.js来运行生成的JavaScript代码：

node app.js

如果一切顺利，你应该在控制台中看到输出：15 5，这是add和subtract函数的结果。

注意：在实际的前端开发项目中，你通常会使用构建工具（如Webpack、Rollup或Parcel）来管理你的模块和编译过程，而不是直接使用tsc命令。这些构建工具提供了更多的功能和灵活性，可以帮助你优化你的代码并准备用于生产环境。