千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 15 种TypeScript最常用的实用程序类型

15 种TypeScript最常用的实用程序类型

来源:千锋教育
发布人:wjy
时间: 2022-11-16 14:20:06 1668579606

  我们在使用 TypeScript 的过程中,我们是面向类型编程的,为了满足不同的工作场景,我们需要对已知类型进行改造。

  为了方便 TypeScript 用户,TypeScript 开发团队为我们提供了许多有用的内置实用程序类型。

  通过这些实用类型,我们可以轻松地转换类型、提取类型、排除类型,或者获取函数的参数类型或返回值类型。

  在本文中,我从 TypeScript 的内置实用程序类型中挑选了 15 种非常有用的类型,并以图像的形式介绍了它们的用法和内部工作原理,看完这篇文章,相信你可以真正掌握这些内置实用程序类型的用法。

  1.Partial

  构造一个类型,其中 Type 的所有属性都设置为可选。

15 种TypeScript最常用的实用程序类型1

15 种TypeScript最常用的实用程序类型2

15 种TypeScript最常用的实用程序类型3

  2.Required

  构造一个类型,该类型由设置为 required Type 的所有属性组成,部分的反义词。

15 种TypeScript最常用的实用程序类型4

15 种TypeScript最常用的实用程序类型5

15 种TypeScript最常用的实用程序类型6

  3.Readonly

  构造一个 Type 的所有属性都设置为 readonly 的类型,这意味着构造类型的属性不能被重新分配。

15 种TypeScript最常用的实用程序类型7

15 种TypeScript最常用的实用程序类型8

15 种TypeScript最常用的实用程序类型9

  4.Record<keys, type="">

  构造一个对象类型,其属性键为 Keys,其属性值为 Type,此实用程序可用于将一种类型的属性映射到另一种类型。

15 种TypeScript最常用的实用程序类型10

15 种TypeScript最常用的实用程序类型11

  5.Exclude<uniontype, excludedmembers="">

  通过从 UnionType 中排除可分配给 ExcludedMembers 的所有联合成员来构造类型。

15 种TypeScript最常用的实用程序类型12

15 种TypeScript最常用的实用程序类型13

15 种TypeScript最常用的实用程序类型14

  6.Extract<type, union="">

  通过从 Type 中提取所有可分配给 Union 的联合成员来构造一个类型。

15 种TypeScript最常用的实用程序类型15

15 种TypeScript最常用的实用程序类型16

15 种TypeScript最常用的实用程序类型17

  7.Pick<type, keys="">

  通过从 Type 中选择一组属性 Keys(字符串文字或字符串文字的联合)来构造一个类型。

15 种TypeScript最常用的实用程序类型18

15 种TypeScript最常用的实用程序类型19

15 种TypeScript最常用的实用程序类型20

  8.Omit<type, keys="">

  通过从 Type 中选择所有属性然后删除 Keys(字符串文字或字符串文字的联合)来构造一个类型。

15 种TypeScript最常用的实用程序类型21

15 种TypeScript最常用的实用程序类型22

15 种TypeScript最常用的实用程序类型23

  9.NonNullable

  通过从 Type 中排除 null 和 undefined 来构造一个类型。

15 种TypeScript最常用的实用程序类型24

15 种TypeScript最常用的实用程序类型25

  10.Parameters

  从函数类型 Type 的参数中使用的类型构造元组类型。

15 种TypeScript最常用的实用程序类型26

15 种TypeScript最常用的实用程序类型27

  11.ReturnType

  构造一个由函数 Type 的返回类型组成的类型。

15 种TypeScript最常用的实用程序类型28

15 种TypeScript最常用的实用程序类型29

  12.Uppercase

  将字符串文字类型转换为大写。

15 种TypeScript最常用的实用程序类型30

  13.小写

  将字符串文字类型转换为小写。

15 种TypeScript最常用的实用程序类型31

  14.大写

  将字符串文字类型的第一个字符转换为大写。

15 种TypeScript最常用的实用程序类型32

  15.取消大写

  将字符串文字类型的第一个字符转换为小写。

15 种TypeScript最常用的实用程序类型33

  除了上述这些实用程序类型之外,还有一些其他常用的 TypeScript 内置实用程序类型,具体如下:

  ConstructorParameters:根据构造函数类型的类型构造元组或数组类型。它产生一个包含所有参数类型的元组类型(如果 Type 不是函数,则类型 never )。

  InstanceType:构造一个由Type中构造函数的实例类型组成的类型。

  ThisParameterType:为函数类型提取此参数的类型,如果函数类型没有此参数,则为未知。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT