全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货  >  html5技术干货  >  详情

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

来源:千锋教育
发布人:wjy
2023-01-31

推荐

在线提问>>

  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 提供的一项非常有用的功能,开发人员应该使用它们来避免硬编码类型。

相关文章

js获取class属性的值

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

9个JSON.stringify的秘密大多数开发人员却不知道

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

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

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

    在线咨询 免费试学 教程领取