强曰为道

与天地相似,故不违。知周乎万物,而道济天下,故不过。旁行而不流,乐天知命,故不忧.
文档目录

TypeScript 开发指南

TypeScript 开发指南

一套系统性的 TypeScript 学习路径,从入门到工程化实践,共 25 章。

为什么学 TypeScript?

TypeScript 已成为现代前端和全栈开发的事实标准。根据 Stack Overflow 2025 开发者调查,TypeScript 连续多年位列"最受欢迎语言"前三。它的核心价值在于:

优势说明
类型安全在编译期捕获错误,减少运行时 Bug
智能提示IDE 可提供精准的自动补全和重构支持
可维护性类型即文档,降低团队协作成本
生态兼容任何 JavaScript 库都可以使用
渐进式可以逐步从 JS 迁移到 TS,无需一步到位

教程结构

本教程分为五个部分,由浅入深:

第一部分:基础入门(第 1-4 章)

章节内容关键词
01 - TypeScript 简介历史、设计理念、与 JavaScript 的关系ES6, ECMAScript, 类型系统
02 - 安装与配置tsc 编译器、tsconfig.json、IDE 支持编译选项, 项目配置
03 - 基本类型基本类型、类型注解、类型推断string, number, boolean
04 - 函数函数类型、重载、rest 参数、this参数类型, 返回值类型

第二部分:核心特性(第 5-9 章)

章节内容关键词
05 - 接口接口定义、可选属性、只读、索引签名interface, contract
06 - 类类、访问修饰符、抽象类、mixinsclass, extends, implements
07 - 泛型泛型函数、泛型约束、泛型工具类型<T>, generic constraints
08 - 联合与交叉类型联合类型、交叉类型、字面量类型`
09 - 类型收窄类型守卫、类型收窄、判别联合type guard, narrowing

第三部分:高级类型(第 10-13 章)

章节内容关键词
10 - 工具类型Partial、Required、Pick、Omit、Recordutility types
11 - 条件类型条件类型、infer、递归类型conditional, infer
12 - 模块系统导入导出、命名空间、模块解析import, export, namespace
13 - 装饰器装饰器、类/方法/参数装饰器decorator, metadata

第四部分:异步与数据结构(第 14-16 章)

章节内容关键词
14 - 异步编程Promise、async/await、类型推断Promise, async, await
15 - 数组与元组元组、数组类型、只读数组tuple, readonly array
16 - 枚举枚举、const 枚举、联合枚举enum, const enum

第五部分:框架与工程化(第 17-25 章)

章节内容关键词
17 - DOM 操作DOM 操作、事件处理、类型断言HTMLElement, Event
18 - HTTP 请求fetch、axios、泛型请求封装fetch, axios, API
19 - React + TypeScriptProps、State、Hooks 类型React.FC, useState
20 - Node.js + TypeScriptts-node、ESM、后端开发Node.js, ts-node
21 - 测试Jest、Mock 类型、测试工具类型Jest, testing
22 - 构建工具tsc、esbuild、webpack、vitebundler, build
23 - 迁移指南JS 迁移到 TS、渐进式迁移migration, @types
24 - 最佳实践类型体操、性能、代码规范best practices
25 - 实战项目全栈应用、类型库、工具开发real-world, full-stack

学习建议

  1. 零基础读者:按顺序阅读第 1-9 章,配合代码练习
  2. 有 JS 经验的读者:快速浏览第 1-3 章,重点学习第 4-12 章
  3. 进阶读者:直接跳到第 10-25 章,按需查阅
  4. 每个章节都包含可运行的代码示例——建议在 TypeScript Playground 上动手实践

环境准备

# 安装 Node.js(推荐 v18+)
# 安装 TypeScript
npm install -g typescript

# 验证安装
tsc --version

扩展阅读