ts字节青训营笔记

为什么要学ts

• 语言活跃度逐渐上升。

• 对比ts和js

  ts是js的超集

  增加了类型安全

  提高生产力

TS带来了什么

• 类型安全

• 下一代js特性

• 完善的攻略

TS基础类型

1. boolean number string
2. 枚举 enum
3. any(可以赋值和被赋值) unknown(只允许被赋值) void
4. nerve ->永远不存在值
5. 数组类型[]
6. 元组类型 tuple -> 数组的特殊形势

TS函数类型

TS定义函数类型时要定义输入类型和输出类型

输入参数: 参数支持可选参数和默认参数

输出参数：输出可以自动推断，没有返回值时，默认为void类型

函数重载：名称相同但是参数类型不同

interface

定义：接口是为了定义对象类型

特点：

• 可选属性：？
• 只读属性：readonly
• 可以描述函数类型
• 可以描述自定义属性

TS Class类

定义：写法与js差不多，增加了一些定义

特点：

• 增加了Public（默认），private（私有），protected（保护）

• 抽象类：

  • 只能被继承，不能被实例化
  • 作为基类，抽象方法必须被子类实现

• interface约束类，使用implements关键字

TS高级类型

1. 联合类型 |
2. 交叉类型 &
3. 类型断言
4. 类型别名

• 定义：给类型起个别名
• 相同点:

1. 都可以定义对象或函数
2. 都允许继承

• 不同点
  1. interface是ts用来定义对象，type是定义别名方便使用
  2. type可以定义基本类型，interface不可以
  3. interface可以合并重复声明，type不行。

TS泛型

泛型基本定义

1. 泛型的语法是<>里面写类型参数，一般用T表示

2. 使用时有两种方法指定类型:

   1. 定义要使用的类型
   2. 通过TS类型推断，自动推导类型

3. 泛型的作用是临时占位，之后通过传来的类型进行推导

泛型基础操作符

• typeof:获取类型
• keyof：获取所有键
• in：遍历枚举类型
• T[K]：索引访问
• extends：泛型约束

泛型常用工具类型

• Patial:将类型属性变为可选
• Required:将类型属性变为必选
• Readonly：将类型属性变为只读
• Pick,Record...

type Parial<T> = {
	[P in keyof T]?:T[P];
};

TS实践 ——声明文件

• declare:三方库需要类型声明文件
• .d.ts:声明文件定义
• @types：三分库TS类型包
• tsconfig.json ：定义TS的配置

还可对后端的接口进行约束。