乐闻世界logo
搜索文章和话题

TypeScript 中的导入和导出关键字是什么?

2 个月前提问
2 个月前修改
浏览次数31

1个答案

1

在TypeScript中,用于模块的导入和导出的关键字分别是 importexport。这些关键字允许模块之间的功能和数据共享,有助于维护代码的封装性和复用性。

导出 (Export)

可以使用 export 关键字来导出一个模块的部分或全部内容。例如,如果您有一个模块,其中定义了一个函数和一个类,您可以选择导出它们:

typescript
// utils.ts export function add(x: number, y: number): number { return x + y; } export class Calculator { add(x: number, y: number) { return x + y; } }

导入 (Import)

相对应地,如果想在另一个模块中使用这些导出的函数或类,可以使用 import 关键字从对应的模块中导入它们:

typescript
// app.ts import { add, Calculator } from './utils'; const result = add(5, 3); const calc = new Calculator(); console.log(result); // 输出 8 console.log(calc.add(2, 3)); // 输出 5

默认导出和导入

TypeScript还支持默认导出(每个模块只能有一个默认导出)。这通常用于当模块只导出一个东西时:

typescript
// apiClient.ts export default class ApiClient { constructor(private url: string) {} getData() { // fetch data from URL } }

导入默认导出时,可以给它命名为任何名称:

typescript
// app.ts import Client from './apiClient'; const apiClient = new Client("http://api.example.com"); apiClient.getData();

使用这种模块化的方法,可以帮助开发者组织更大、更复杂的代码库,使代码更加易于管理和扩展。

2024年7月29日 13:38 回复

你的答案