视频链接:https://www.bilibili.com/video/BV14Z4y1u7pi?p=1
1. TypeScript 介绍
1.1 TypeScript 是什么
1.2 TypeScript 为什么要为 JS 添加类型支持?
1.3 TypeScript 相比 JS 的优势
2. TypeScript 初体验
2.1 安装编译 TS 的工具包
2.2 编译并运行 TS 代码
2.3 简化运行 TS 的步骤
- 注意:若
ts-node hello.ts
执行报错,需要先执行命令tsc --init
创建一个 tsconfig.json 文件,该文件是 TypeScript 项目的配置文件 - tsconfig.json 包含 TypeScript 编译的相关配置,通过更改编译配置项,我们可以让 TypeScript 编译出 ES6、ES5、node 的代码。
3. TypeScript 常用类型
3.1 类型注解
3.2 常用基础类型概述
3.3 原始类型
3.4 数组类型
3.5 类型别名
3.6 函数类型
- 如果函数没有返回值,那么,函数返回值类型为:void。
3.7 对象类型
3.8 接口
3.9 元组
3.10 类型推论
3.11 类型断言
3.12 字面量类型
3.13 枚举
3.14 any 类型
3.15 typeof
4. TypeScript 高级类型
4.1 class 类
- 类继承的两种方式:1 extends(继承父类) 2 implements(实现接口)。
- 类成员可见性:可以使用 TS 来控制 class 的方法或属性对于 class 外的代码是否可见。
- public
- protected
- private
- readonly
4.2 类型兼容性
4.3 交叉类型
4.4 泛型
Partial<Type>
Readonly<Type>
Pick<Type, Keys>
Record<Keys, Type>
4.5 索引签名类型
4.6 映射类型
5. TypeScript 类型声明文件
5.1 TS 中的两种文件类型
5.2 类型声明文件的使用说明
6. 在 React 中使用 TypeScript
6.1 使用 CRA 创建支持 TS 的项目
6.2 TS 配置文件 tsconfig.json
6.3 React 中的常用类型