TypeScript VS JavaScript
TS基础
基础类型
- boolean number string
- 枚举emun
- any(可以赋值 反向赋值) unknown(any的替代类型 只允许被赋值 检测上更安全) void
- never (防御性编程)
- 数组类型 []
- 元组类型 tuple
函数类型
定义: TS定义函数类型是要定义输入参数类型和输出参数类型
输入参数: 参数支持可选参数和默认参数
输出参数: 输出可以自动推断, 没有返回值时,默认为void类型
函数重载: 名称相同但参数不同,可以通过重载支持多种类型
interface接口概念 定义对象
定义: 接口是为了定义对象类型
特点:
- 可选属性: ?
- 只读属性: readonly
- 可以描述函数类型
- 可以描述自定义属性
类
定义: 与JS相近,增加一些定义
特点:
- 增加了public private protected修饰符
- 抽象类：
- 只能被继承,不能被实例化
- 作为基类,抽象方法必须被子类实现
- interface约束类, 使用implements关键字
TS进阶
高阶类型
- 联合类型: |
- 交叉类型: &
- 类型断言 指定某个实例的具体类型 避免编译器的错误推断
- 类型别名(type) 定义: 给类型起个别名
type VS interface
相同点:
- 都可以定义对象或函数
- 都允许继承 差异点:
- interface是TS用来定义对象, type是用来定义别名方便使用
- type可以定义基本类型, interface不行 interface可以合并重复声明, type不行
泛型
官方定义:
举例:
基本定义:
- 泛型的语法 <> 里面写类型参数, 一般用T表示
- 使用时两种方法指定类型:
- 定义要使用的类型
- 通过TS类型推断, 自动推导类型
- 泛型的作用是临时占位,之后通过传来的类型进行推导
泛型工具类型
基础操作符
- typeof 获取类型
- keyof 获取所有键
- in 遍历枚举类型
- T[K] 索引访问
- extends 泛型约束
实战
声明文件
- declare 三方库需要类型声明文件
- .d.ts 声明文件定义
- @types 三方库TS类型包
- tsconfig.json 定义TS的配置
