Lost And Found

ts(TypeScript)常用语法

• 比如有一个联系人列表

export interface Contact{
  name: string; // 姓名
  phone?: string; // 手机号
  email: string; // 邮箱
  avatar: string; // 头像
  userid: string; // id
}

1. Omit去除类型中某些项（官方提供）
   现在需要定义一个新的数据类型，新的联系人列表没有邮箱项
   可以使用Omit，其源码如下:

/**
 * Construct a type with the properties of T except for those in type K.
 */
type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>;

• Omit会构造一个除类型K外具有T性质的类型
  可以看出需Omit要两个参数，Omit<type,string>：
  参数：第一个为继承的type类型，第二个为想要的key的字符串，多个字符串用|分开
  使用也很简单：
  去除单个，原始类型为联系人列表，新数据数据为没有邮箱项的联系人列表

export type OmitEmailContact = Omit<Contact, 'email' >;
OmitEmailContact{
  name: string;
  phone?: string; 
  avatar: string;
  userid: string;
}

• 去除多个，原始类型为联系人列表，新数据数据为没有邮箱项与头像的联系人列表

export type OmitEmailAvatarContact = Omit<Contact, 'email' | 'avatar'>;
OmitEmailAvatarContact {
  name: string;
  phone?: string; 
  userid: string;
}

2. Pick选取类型中指定类型（官方提供）

• 现在联系人列表只要姓名电话即可
  从T中选择一组属性，将它们在K中联合

type Pick<T, K extends keyof T> = {
    [P in K]: T[P];
};

• 使用如下

export interface ContactPick extends Pick<Contact, 'name' | 'phone'> {}
ContactPick {
  name: string;
  phone?: string; 
}

3. Partial将类型中所有选项变为可选，即加上？（官方提供）

• 可以使用Partial，其源码如下

/**
 * Make all properties in T optional
 */
type Partial<T> = {
    [P in keyof T]?: T[P];
};

• 使用如下

export interface PartialContact= Partial<Contact>
PartialContact{
  name?: string; // 姓名
  phone?: string; // 手机号
  email?: string; // 邮箱
  avatar?: string; // 头像
  userid?: string; // id
}

4. Required将类型中所有选项变为必选，去除所有？（官方提供）

• 可以使用Required，其源码如下

/**
 * Make all properties in T required
 */
type Required<T> = {
    [P in keyof T]-?: T[P];
};

• 使用如下

export interface RequiredContact= Required<Contact>
RequiredContact{
  name: string; // 姓名
  phone: string; // 手机号
  email: string; // 邮箱
  avatar: string; // 头像
  userid: string; // id
}