TypeScript 13 泛型工具类型

84 阅读1分钟

1 . 属性可选 Partial

1 . 1 语法 :

Partial < Type >

1 . 2 作用 :

构造出一个新类型 ,新类型与 Type 结构相同 ,但是所有属性都变成了可选的 !!!

2 . 只读属性 Readonly

2 . 1 语法 :

Readonly < Type >

2 . 2 作用 :

构造出一个新类型 ,新类型与 Type 结构相同 ,但是所有属性都变成了只读不能更改的 !!! 如下图 ,重新赋值就会报错 !!!

0427.png

3 . 选择属性 Pick

3 . 1 语法 :

Pick < Type ,keys >

尖括号里面两个参数 ,一个是类型(选择谁的属性) ,一个是选择的属性

3 . 2 作用 :

构造出一个新类型 ,新类型的属性是从原类型中选择的若干个。

  • 如果只选择一个 ,那么第二个参数就是该属性的属性名 ,如果多个 ,就用联合符 ' | ' ,联合起来。 如下:

0428.png

4 . 构造对象 Record

4 . 1 语法 :

Partial < keys ,Type >

第一个参数是要构造的对象里想要有的属性名 ,跟上个一样 ,写成属性名的联合形式 。第二个参数是属性的类型。

  • 所有属性的类型都是一样的 (但其实也可以把类型写成联合类型)

4 . 2 作用 :

构造出一个对象 ,对象的属性就是传入的属性 ,属性的类型就是传入的类型。