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

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 - 类 类、访问修饰符、抽象类、mixins class, extends, implements
07 - 泛型 泛型函数、泛型约束、泛型工具类型 <T>, generic constraints
08 - 联合与交叉类型 联合类型、交叉类型、字面量类型 `
09 - 类型收窄 类型守卫、类型收窄、判别联合 type guard, narrowing

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

章节 内容 关键词
10 - 工具类型 Partial、Required、Pick、Omit、Record utility 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 + TypeScript Props、State、Hooks 类型 React.FC, useState
20 - Node.js + TypeScript ts-node、ESM、后端开发 Node.js, ts-node
21 - 测试 Jest、Mock 类型、测试工具类型 Jest, testing
22 - 构建工具 tsc、esbuild、webpack、vite bundler, 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

扩展阅读