开启ts学习之路,本篇学习ts常用语法(Omit、Pick、Partial、Required)。TS中常用的工具映射类型,让写TS时效率大大提升,避免无意义的重复性定义。
假设有一个用户信息
interface UserInfo {
name: string;
age: number;
id: number;
sex: 0 | 1;
address?: string;
weight: number;
}
1.Omit 省略/剔除
顾名思义 可以剔除 已定义对象中 自己不需要的一部分形成新的定义类型。
Omit<type,string>:
参数:第一个为继承的type类型,第二个为想要省略key的字符串,多个字符串用|分开
现在需要定义一个新的数据类型,新的用户信息没有age项,那么可以使用omit
// 剔除省略自己不需要的
type Person = Omit<UserInfo , "age">;
// 此时Person 等同于 User1
interface User1 {
name: string;
id: number;
sex: 0 | 1;
address?: string;
weight: number;
}
// 去除多个
type Person = Omit<UserInfo , "age" | "sex" | "address" | "weight">;
2.Pick选取类型中指定类型
可以采集已定义对象中 自己需要的一部分形成新的定义类型。
现在有个用户只需要姓名和地址
interface User1 extends Pick<UserInfo, 'name' | 'address'> {}
// 相当于
interface User1 {
name: string;
address?: string;
}
3.Partial将类型中所有选项变为可选,即加上?
可把定义好的对象(包含 必选+可选项)类型全部转化为可选项
// 使用方法
interface User1 = Partial<UserInfo>
// User1等同于 NewUser
interface NewUser {
name?: string;
age?: number;
id?: number;
sex?: 0 | 1;
address?: string;
weight?: number;
}
4.Required将类型中所有选项变为必选,去除所有?
Required 和 Partial刚好相反,可把定义好的对象(包含 必选+可选项)类型全部转化为 必选项
// 使用方法
interface User1 = Required<UserInfo>
// User1等同于 NewUser
interface NewUser {
name: string;
age: number;
id: number;
sex: 0 | 1;
address: string;
weight: number;
}
5.其他
当然还有一些Readonly (转化只读),Extract (提取/包括),Exclude (排除/不包括)等等