第 10 章 · 类、装饰器与 this
:::info 占位页 本章正文撰写中(v1 里程碑)。以下是已敲定的学习目标、内容要点与练习清单。 :::
学习目标
- 掌握类与访问修饰符(
public/private/protected/readonly) - 理解抽象类、接口实现与
implements - 了解装饰器(legacy 与 TC39 新提案)
- 理解
this类型、ThisType<T>,能推导选项式 API 的类型
内容要点
- 类:字段、构造器、修饰符、静态成员
- 抽象类与
implements - 装饰器:类/方法/属性/参数装饰器
this参数、ThisType<T>- 框架案例:Vue 选项式 API 的类型推导原理
本章练习
迁移题(type-challenges)
| 题号 | 题目 | 难度 |
|---|---|---|
| 00006 | 简单的 Vue 类型 | hard |
| 00213 | Vue Basic Props | hard |
| 01290 | Pinia | hard |
| 00017 | 柯里化 1 | hard |
每道题点击「开始挑战」可在官方 TypeScript Playground 中作答(v0.5 接入)。这些题的解法会用到
this/ 条件类型 / infer,难度较高,可结合第 4 部分知识回看。
代码练习(非迁移)
- 为回调中的
this标注类型(this: void/ 具名对象)
TODO
- 撰写正文(v1)
- 迁移本章 4 题并接入「开始挑战」(v0.5)