跳到主要内容

简述如何在 TypeScript 中定义和导入/导出模块?

参考答案:

在 TypeScript 中定义和导入/导出模块的方式与 JavaScript 中的 ES6 模块非常相似。以下是一些基本步骤:

  1. 定义模块

你可以在一个 TypeScript 文件中定义模块。这个模块可以包含类、接口、函数、变量等。

例如,创建一个名为 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;
}

在这个例子中,我们定义了两个函数 addsubtract,并使用 export 关键字将它们导出,这样其他模块就可以使用它们了。

  1. 导入模块

在其他 TypeScript 文件中,你可以使用 import 关键字来导入你需要的模块。

例如,创建一个名为 app.ts 的文件,并导入我们刚刚定义的 mathOperations 模块:

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

let result = add(5, 3);
console.log(result);  // 输出 8

result = subtract(5, 3);
console.log(result);  // 输出 2

在这个例子中,我们使用 import 关键字从 mathOperations.ts 文件中导入了 addsubtract 函数。然后,我们就可以在 app.ts 文件中使用这些函数了。

注意,当你使用 importexport 关键字时,TypeScript 会使用 ES6 模块系统。这意味着当你编译 TypeScript 到 JavaScript 时,它会被转换为相应的 ES6 importexport 语句。

  1. 编译 TypeScript

要编译 TypeScript 文件,你需要使用 TypeScript 编译器(tsc)。在命令行中,你可以使用以下命令来编译 TypeScript 文件:

tsc app.ts

这将生成一个名为 app.js 的 JavaScript 文件,其中包含 app.ts 文件的编译结果。

  1. 运行 JavaScript

最后,你可以使用 Node.js 来运行生成的 JavaScript 文件:

node app.js

这将运行 app.js 文件,并在控制台中输出 82