深入浅出TypeScript | 青训营笔记

96 阅读1分钟

0. 课程大纲

image.png

1. 为什么学习TypeScript

ts为js的扩展、超集,ts为强类型语言 image.png

image.png TS开源教程及应用
TypeScript: TS Playground: TS到JS在线编译

2. TS基础

number:包括整数、浮点数等
TypeScript 中 unknown 与 any 有啥区别 - 掘金 (juejin.cn)
TS 类型中的 any、void 和 never - 掘金 (juejin.cn)

image.png

image.png

TypeScript 接口 | 菜鸟教程 (runoob.com)
TS - Interfaces详解 - 简书 (jianshu.com)
🔌 TS 的 Interface 了解一下? - 掘金 (juejin.cn)

image.png

image.png

image.png

3. TS进阶

交叉类型:属性扩展
理解Ts联合类型和交叉类型 - 掘金 (juejin.cn)
【TypeScript】TS交叉类型&联合类型(六) - 掘金 (juejin.cn)

image.png

TypeScript 断言总结 - 掘金 (juejin.cn)
类型断言 | 深入理解 TypeScript (jkchao.github.io)

image.png

image.png

image.png

image.png

image.png

image.png

image.png

TS关键字extends用法总结 - 掘金 (juejin.cn)
TypeScript 的所有 高级类型 - 掘金 (juejin.cn)

image.png

4. TS实战

image.png

image.png

image.png