首页/7

7章:模块系统

组织和导出代码

30分钟
4个学习目标

学习目标

  • 1理解模块的概念
  • 2学会使用导入导出
  • 3掌握默认导出和命名导出
  • 4理解重新导出

什么是模块?

模块是TypeScript中用于组织代码的方式。每个文件都是一个模块,可以导出和导入代码。

模块系统有助于:

  • 避免全局命名冲突
  • 组织代码结构
  • 实现代码复用

导出和导入

typescript
加载中...

默认导出

默认导出

每个模块可以有一个默认导出:

// 导出
export default function greet(name: string): string {
  return `Hello, ${name}!`;
}

// 导入
import greet from './greet';

命名导出 vs 默认导出:

  • 命名导出:可以有多个,导入时使用{}
  • 默认导出:只能有一个,导入时不需要{}

重新导出

typescript
加载中...

交互式练习

1 / 1

模块练习

创建一个工具模块

typescript
Loading...

章节测验

问题 1 / 2得分: 0 / 2

一个模块可以有多少个默认导出?

A
0个
B
1个
C
多个
D
无限个