TypeScript学习笔记（四）

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情

开启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 (排除/不包括)等等