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

400-811-9990
手机站
千锋教育

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

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

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

当前位置:北京千锋IT培训  >  技术干货  >  html5技术干货  > TypeScript中必须知道的6个泛型方法

TypeScript中必须知道的6个泛型方法

来源:千锋教育
发布人:wjy
时间: 2023-01-31 17:36:00

  TypeScript 原生提供了几种有用的实用类型来帮助我们执行一些常见的类型转换。

  TypeScript 中的类型系统非常强大。它为我们提供了类型安全。虽然类型系统深受喜爱,但如果我们不规划和设计类型接口,它也会使我们的代码混乱和难以阅读。

  TypeScript 原生提供了几种有用的实用类型来帮助我们执行一些常见的类型转换。这些实用类型都是全局可用的,而且都使用了泛型,在开始之前,先简单介绍一下泛型。

  通用的

  避免代码重复和创建可重用类型是编写干净代码的重要部分。泛型是 TypeScript 的一个特性,它允许我们编写可重用的类型。看下面的例子。

TypeScript中必须知道的6个泛型方法1

  将正确的类型放入Add的泛型中,可以用来描述两个数字的相加或者两个字符串的连接。

  我们不需要为每个函数都写一个类型,我们只需要用一个泛型类型写一次。这不仅节省了我们的精力,而且使我们的代码更干净,更不容易出错。

  下面我将跟大家一起来分享7种实用类型,也是我们经常用到的。

  TypeScript中必须知道的6个泛型方法8

  Partial 构造一个类型,其所有类型属性都设置为可选。这在我们为对象编写更新逻辑时非常有用。

TypeScript中必须知道的6个泛型方法2

  TypeScript中必须知道的6个泛型方法9

  Required 与 Partial 相反。它构造一个类型,其中需要该类型的所有属性。它可用于确保没有可选属性出现在类型中。

TypeScript中必须知道的6个泛型方法3

  TypeScript中必须知道的6个泛型方法10

  Pick 将从 Type 中选取属性集 Keys 以创建新类型。键可以是字符串文字或字符串文字的并集。Keys 的值必须是 Type 的键,否则 TypeScript 编译器会报错。当您想要通过从具有许多属性的对象中选取某些属性来创建更轻的对象时,此实用程序类型特别有用。

TypeScript中必须知道的6个泛型方法4

  TypeScript中必须知道的6个泛型方法11

  省略与选择相反。keys 不是关于保留哪些属性,而是要省略的属性键集。当我们只想从对象中删除某些属性并保留其他属性时,这会更有用。

TypeScript中必须知道的6个泛型方法5

  TypeScript中必须知道的6个泛型方法12

  Readonly 构造一个类型,该类型的所有属性都设置为只读。给 TS 重新赋新值会报错。

TypeScript中必须知道的6个泛型方法6

  TypeScript中必须知道的6个泛型方法13

  ReturnType 从函数类型的返回类型构造一个类型。当我们处理来自外部库的函数类型并希望基于它们构建自定义类型时,它很有用。

TypeScript中必须知道的6个泛型方法7

  除了上面提到的那些,还有其他实用程序类型可以帮助我们编写更干净的代码。可以在此处找到有关实用程序类型的 TypeScript 文档的链接。

  实用程序类型是 TypeScript 提供的一项非常有用的功能,开发人员应该使用它们来避免硬编码类型。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

css绝对定位和相对定位

2023-03-07

说说Vuex原理

2022-11-14

vuex怎么拿数据

2022-11-14

最新文章NEW

js获取class属性的值

2023-04-21

什么是事件委托?javascript事件委托的实现原理

2023-04-20

如何在JavaScript中将十进制转换为十六进制

2023-01-11

相关推荐HOT

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>