What are import and export keywords in TypeScript?

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

导出 (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();

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