MST

星途 面试题库

面试题:TypeScript中export的基础作用及常见导出方式

请阐述TypeScript中export关键字的主要作用,并列举至少两种常见的导出方式,同时给出相应的代码示例。
23.4万 热度难度
前端开发TypeScript

知识考点

AI 面试

面试题答案

一键面试

export关键字的主要作用

在TypeScript中,export关键字用于将模块中的变量、函数、类等成员公开,使得其他模块能够导入并使用这些成员。通过export,可以将模块内部的实现细节封装起来,只暴露需要被外部使用的部分,实现模块化编程。

常见的导出方式及代码示例

  1. 命名导出(Named Exports) 可以在声明时直接导出,或者先声明再在后面统一导出。
    • 声明时直接导出
// utils.ts
export const add = (a: number, b: number) => a + b;
export const subtract = (a: number, b: number) => a - b;
- **先声明再统一导出**
// mathOperations.ts
const multiply = (a: number, b: number) => a * b;
const divide = (a: number, b: number) => a / b;

export { multiply, divide };
  1. 默认导出(Default Export) 每个模块只能有一个默认导出。
// greet.ts
const greeting = "Hello, world!";
export default greeting;
  1. 重新导出(Re - exporting) 可以将其他模块的内容重新导出,方便在不同模块间组织和复用代码。
// allUtils.ts
export { add, subtract } from './utils.ts';
export { multiply, divide } from './mathOperations.ts';