Z
ZHANK
编程在线教程TypeScript 教程
🔷

TypeScript 教程

从类型基础到高级泛型，覆盖 33 篇实战教程

基础入门

1

TypeScript 简介与环境

了解 TypeScript 是什么、为什么需要它，配置第一个 TS 项目

2

基础类型注解

掌握 string、number、boolean、array、object 等基础类型

3

函数类型

学会为函数参数和返回值添加类型注解

4

接口基础

理解 interface 定义对象形状、可选属性、只读属性

类型系统

5

联合与交叉类型

掌握 | 联合类型和 & 交叉类型的使用场景

6

类型别名

用 type 关键字定义可复用的类型别名

7

字面量类型

使用字符串、数字字面量作为类型，结合联合类型

8

类型断言与类型守卫

掌握 as 断言、typeof/instanceof 类型守卫

接口与类

9

接口进阶

掌握接口继承、函数接口、索引签名

10

类与访问修饰符

学习 public/private/protected、readonly、抽象类

11

泛型基础

理解泛型函数、泛型接口、泛型约束

12

泛型进阶

掌握泛型约束 extends、keyof 与映射类型

高级类型

13

枚举 (Enum)

学习数字枚举、字符串枚举、常量枚举

14

元组 (Tuple)

掌握定长定类型数组、具名元组、可变元组

15

内置工具类型

掌握 Partial、Required、Pick、Omit、Record 等

16

条件类型与 infer

理解条件类型语法、infer 关键字提取类型

17

satisfies 与 const 断言

satisfies 保留类型信息、as const 不可变断言、readonly 数组

类型编程

18

映射类型进阶

keyof/extends 约束映射、-?/+? 修饰符、as 键重映射

19

模板字面量类型

字符串模板类型、Uppercase/Lowercase、路由类型推断

20

可辨识联合类型

判别属性缩小联合、never 穷举检查、Result/Option 模式

21

类型收窄技巧

is 自定义类型守卫、断言函数 asserts、in 运算符收窄

22

品牌类型与标称类型

品牌类型模拟标称类型、Flavor 类型、防止 ID 混淆

模块与配置

23

模块与命名空间

掌握 ES 模块导入导出、namespace 命名空间

24

声明文件 (.d.ts)

理解 declare、全局类型、模块声明、三斜线指令

25

tsconfig.json 详解

掌握 strict、target、moduleResolution、paths 等核心配置

26

路径别名与项目引用

配置 paths 别名、references 项目引用、monorepo 类型共享

实战技巧

27

React 中的 TypeScript

掌握 React 组件 Props 类型、Hooks 类型、事件处理类型

28

Node.js 中的 TypeScript

使用 ts-node、tsx 运行 TS、Express 类型化 API

29

Express + TypeScript 实战

类型化 Express 路由/中间件、请求体验证、Zod 集成

30

常见类型错误与解决

分析常见 TS 编译错误、类型不匹配修复策略

31

TypeScript 设计模式

Builder 模式类型化、Strategy 模式、类型安全的事件系统

32

JS 项目迁移 TS 指南

渐进式迁移策略、allowJs 配置、类型覆盖度追踪

33

TypeScript 最佳实践

总结 TS 编码规范、类型设计原则、any 最小化策略