TS 进阶地图

完成 typescript-essentials 后，本 track 补全 TypeScript 路线图的 进阶节点：原始类型边界、集合建模、断言收窄、工具类型、映射/条件类型、类与 OOP、函数重载、装饰器、命名空间与工具链。这些能力直接支撑 nestjs-essentials 的 DI/装饰器架构，以及 nextjs-essentials 中 Server Component 与 API 路由的严格类型。

学习目标

• 说清 typescript-essentials 与本 track 的分工边界
• 对照 /roadmaps/typescript 定位剩余节点
• 规划 2 周学习顺序与前置知识

与基础课的分工

范围	typescript-essentials	typescript-advanced-essentials
基本类型、接口、泛型入门	✅	假设已会
联合、收窄、基础工具类型	✅	深入与组合
映射/条件/模板字面量类型	概念提及	✅ 系统讲解
类、装饰器、命名空间	不涉及	✅
tsconfig、构建工具链	简介	✅ 实战

原则：基础课教「能写类型」；进阶课教「能设计类型系统、能读框架源码」。

路线图节点分布

typescript-essentials          typescript-advanced-essentials
├── ts-intro                   ├── tsa-intro（本课）
├── ts-types                   ├── tsa-primitives
├── ts-functions               ├── tsa-collections
├── ts-interfaces              ├── tsa-assertions
├── ts-unions / narrowing      ├── tsa-utility
├── ts-generics                ├── tsa-advanced-types
├── ts-utility（入门）          ├── tsa-classes
├── ts-modules                 ├── tsa-functions
├── ts-react                   ├── tsa-decorators
├── ts-async                   ├── tsa-namespaces
└── ts-practice                ├── tsa-toolchain
                               └── tsa-practice

下游应用

// NestJS：装饰器 + 类 + 依赖注入
@Controller("tracks")
export class TracksController {
  constructor(private readonly tracksService: TracksService) {}
}

// Next.js：严格 props 与 API 响应类型
type LessonPageProps = {
  params: Promise<{ slug: string; lessonSlug: string }>;
};

练习

• 打开 /roadmaps/typescript，勾选已完成的 essentials 节点