面试题：TypeScript模块化中import和export基础用法考查

Question

请描述在TypeScript中使用`import`和`export`实现模块化的几种常见方式，并举例说明如何从一个模块中导出多个函数，然后在另一个模块中导入并使用这些函数。

Answer 1

1. import 和 export 常见方式

命名导出（Named Exports）

• 导出方式：在模块中可以使用 export 关键字声明多个命名导出。例如：

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

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

• 导入方式：在其他模块中使用 import { 导出名称 } from '模块路径'; 来导入。例如：

// main.ts
import { add, subtract } from './utils';

console.log(add(5, 3));
console.log(subtract(5, 3));

默认导出（Default Export）

• 导出方式：一个模块只能有一个默认导出，使用 export default 关键字。例如：

// greet.ts
const greeting = "Hello, world!";
export default greeting;

• 导入方式：在其他模块中使用 import 自定义名称 from '模块路径'; 来导入，自定义名称可以随意取。例如：

// main.ts
import msg from './greet';
console.log(msg);

混合导出（Combining Named and Default Exports）

• 导出方式：模块中既可以有默认导出，也可以有命名导出。例如：

// mathUtils.ts
export const PI = 3.14159;

export function multiply(a: number, b: number) {
    return a * b;
}

const square = (x: number) => x * x;
export default square;

• 导入方式：

// main.ts
import square, { PI, multiply } from './mathUtils';
console.log(square(5));
console.log(PI);
console.log(multiply(3, 4));

2. 从一个模块导出多个函数，在另一个模块导入并使用

• 导出模块（functions.ts）：

export function double(x: number) {
    return x * 2;
}

export function triple(x: number) {
    return x * 3;
}

• 导入并使用模块（app.ts）：

import { double, triple } from './functions';

console.log(double(5));
console.log(triple(5));