TS中的工具函数_ts工具函数

1、Partial：接口全部字段变为可选类型

interface User {
  id: number
  name: string
  age: number
}
// 现在Form拥有User里面的所有字段，但是全是可选的
type Form = Partial<User>

2、Required：接口全部字段变为必填类型

interface User {
  id: number
  name?: string
  age?: number
}
// 现在Form拥有User里面的所有字段，但是全部变为必填字段
type Form = Required<User>

3、Readonly：接口全部字段变为只读类型

interface User {
  id: number
  name: string
  age: number
}
 
type Form = Readonly<User>
 
const zhangsan: Form = {
  id: 1,
  name: '张三',
  age: 18
}
// 报错
zhangsan.name = '李四'

4、Pick：提取接口中的某些字段

interface User {
  id: number
  name: string
  age: number
}
// 此时From中就只有name、age字段
type Form = Pick<User, 'name' | 'age'>

5、Omit：排除接口中的某些字段

interface User {
  id: number
  name: string
  age: number
}
// 此时From中就只有id字段
type Form = Omit<User, 'name' | 'age'

6、Exclude：排除type中的某些字段

type Name = 'zhangsan' | 'lisi'
// 此时Form中只有lisi字段
type Form = Exclude<Name, 'zhangsan'>

7、Extract：提取type中的某些字段

type Name = 'zhangsan' | 'lisi'
// 此时Form中只有zhangsan字段
type Form = Extract<Name, 'zhangsan'>