typescript 高阶类型 Exclude 和 Extract

最新推荐文章于 2024-06-12 17:46:27 发布

别样红。

最新推荐文章于 2024-06-12 17:46:27 发布

阅读量553

点赞数

文章标签： typescript

本文链接：https://blog.csdn.net/weixin_44051815/article/details/124259765

版权

`Exclude<T, U>`

TypeScript 2.8 中增加了 Exclude 类型，该如何理解这个高级类型的定义呢？

type Exclude<T, U> = T extends U ? never : T;

从 Exclude 的定义来看，就是判断 T 是否继承于 U，如果是，则返回 never，否则返回 T。

1. T, U 之间的关系，是否是基于结构相似呢？

interface IPerson {
   
  name: string,
  age: number,
  sex: 0 | 1,
}

interface IMan {
   
  name: string,
  age

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

别样红。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
typescript 高阶类型 Exclude 和 Extract

typescript 的高阶类型 Exclude 和 Extract ，主要是对多个联合类型取差集和交集。
复制链接

扫一扫

typescript 之 Exclude 和 Extract

weixin_44051815的博客

04-14

3974

typescript 种 Exclude 和 Extract 主要就是对多个联合类型的取交集和差集的高级类型。

举例说明typescript的Exclude、Omit、Pick

hhbbeijing的专栏

08-04

1773

首先，keyof T得到T的所有属性名组成的联合类型，然后Exclude排除掉K中指定的属性名，得到剩余的属性名组成的联合类型。映射类型可以根据一个已有的类型，通过遍历它的属性，生成一个新的类型。这里，T是联合类型，U是要排除的类型。typescript的Exclude是一个内置的工具类型，用于从一个联合类型中排除一些指定的类型，从而创建一个新的联合类型。其中，Type是一个联合类型，ExcludedUnion是一个要排除的类型或者它们的联合类型，表示要从Type中排除的类型。

参与评论您还未登录，请先登录后发表或查看评论

如何利用 TypeScript 的 Extract 提升类型定义与代码清晰度

最新发布

前端达人

06-12

268

今天，我们从一个非常实用的工具类型——Extract 开始，让我们一起看看如何利用它来提取类型。在编写 TypeScript 代码时，我们经常会遇到需要从联合类型中提取特定类型的情况。这个时候，Extract 工具类型就派上用场了。它可以帮助我们从联合类型中筛选出我们需要的那一部分类型，大大简化了代码的复杂度。接下来，我们将通过几个简单的例子来了解它的用法和好处。一、TypeScript 的联合类...

Exclude，Extract（Exclude:排除 Extract提取）

m0_47999208的博客

11-27

616

其中，`Exclude`返回一个新类型，该类型是`T`中不属于`U`的部分；在TypeScript中，`Exclude`和`Extract`都是条件类型，用于根据类型`U`排除或提取类型`T`中的某些部分。// 同时使用Exclude和Extract

在TypeScript中使用Exclude的9种方法

文本魔术

02-04

1414

作为一名TypeScript开发者，我经常被问到很多关于TypeScript工具类型的问题——尤其是如何在应用程序代码中使用它们。所以，我开始了一个关于它们的系列——围绕现实世界的例子。让我们从Exclude类型帮助器开始。可以使用Exclude删除联合的单个成员。第一个参数表示完整的联合，第二个参数表示要删除的成员。从技术上讲，第二个参数可以是任何类型——如果你试图删除一个不存在的成员，TypeScript不会警告你。它只会返回原来的组合。

TypeScript笔记

Ndbsa的博客

11-19

409

/定义setTimeout的类型 timeOut = setTimeout(function() {

typescript高阶矩阵求逆

01-19

本篇文章将深入探讨如何在`typescript`中进行矩阵的高阶操作，特别是矩阵的求逆，包括初等变换法、伴随矩阵法以及摩尔-彭罗斯广义逆的计算。首先，让我们从基础开始。矩阵是二维数组，可以表示线性方程组或其他...

你不知道的 TypeScript 高级类型(小结)

10-14

总之，了解并熟练掌握 TypeScript 的高级类型，如泛型、交叉类型、联合类型、类型别名、类型索引以及类型保护和断言等，能够帮助你编写出更安全、可维护且复用性强的代码。在实际开发中，合理运用这些特性可以显著...

TypeScript和JavaScript的数据类型对比总结

12-14

tuple（元组）则允许我们定义具有固定数量和类型元素的数组；enum（枚举）是 TypeScript 的独有特性，可以为常量集合提供命名，便于代码阅读和维护。 TypeScript的引用数据类型与JavaScript类似，包括Object、Array...

TypeScript入门-基本数据类型

08-30

TypeScript是一种由微软开发的强类型、静态类型的编程语言，它是JavaScript的一个超集，增加了诸如类型系统、接口、装饰器等特性，旨在提高代码的可维护性和开发效率。本篇文章将深入探讨TypeScript中的基本数据类型...

TypeScript类型声明书写详解

10-16

本文将深入探讨TypeScript中的类型声明书写，帮助开发者更好地理解和使用这一特性。首先，我们来看基本类型。TypeScript支持JavaScript的基本类型，如`number`、`string`、`boolean`、`null`、`undefined`、`...

Typescript高级: 深入理解Extract类型

Wang的专栏

05-20

771

在TypeScript这一逐渐成为前端开发首选的静态类型检查语言中，类型系统提供了丰富的工具来帮助开发者编写更加健壮和可维护的代码。其中，是一个强大的内置实用类型，用于从一个联合类型T中提取出属于另一个类型U的那些类型。本文将深入探讨Extract类型的工作原理、应用场景以及如何有效利用它来提升代码的类型安全性和表达力。Extract是一个条件类型，其定义为：从类型T中选取那些同时也可以被类型U赋值的类型简而言之，它像一个过滤器，保留了T中与U兼容的部分。

typeScript内置工具类型，通俗易懂，例子解释(Record、Readonly、Required、Partial、Extract、Exclude、Pick、Omit、NonNullable..)

qq_920189602的博客

07-10

1164

TS常用内置的工具类型有，Record、Readonly、Required、Partial、Extract、Exclude、Pick、Omit、NonNullable、Parameters、ReturnType。记住这些，在开发中，将会提高我们的开发效率。

Typescript的高级tricks(in,keyof,Partial,Pick,Exclude等)

Harris-H的博客

11-05

426

Typescript的高级tricks(in,keyof,Partial,Pick,Exclude等)

TypeScript学习记录

weixin_34383618的博客

05-16

304

1.TypeScript数据类型 typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验（类型声明）基础类型在typescript中主要给我们提供了以下数据类型：字符串类型(string) 数字类型(number) 布尔类型(boolean) null和undefined 数组类型(array) 元组类型(tuple) 枚举类型(enum) 任意类型(any) void...

在 Typescript 中使用“提取”实用程序类型的最佳方法

我的博客，不一样的自我表达

06-05

190

在这种情况下，结果OnlyIdKey类型将是包含or 的union字符串文字中的一个。生成的UserKey类型将是来自以字符串“user”开头的字符串的字符串文字的并集。第一个参数是完整的联合体，第二个参数是我们想要得到的联合体的成员。在上面的示例中，我们从联合中删除了所有与数字类型不匹配的文字allTypes。因此，我们只能得到数字。即使我们将值传递给Extract联合中不存在的值，Typescript 也会返回联合中存在的值。在这种情况下，我们要从具有搜索属性的 Routes 联合类型中提取类型。

写TS效率大提升,TS常用内置工具类Omit、Pick、Partial、Required、Readonly、Exclude 、Extract、ReturnType、NonNullable

天渺(喵)工作室

05-29

5642

TS中常用的工具映射类型,让写TS时效率大大提升,避免无意义的重复性定义。 1.Omit 省略/剔除顾名思义可以剔除已定义对象中自己不需要的一部分形成新的定义类型。 interface UserObj { readonly name: string; // readonly 只读属性只能初始化定义不能二次赋值 age: number; id: number; sex: 0 | 1; address: string; weight: number;

TypeScript进阶：一文讲清 TypeScript 的 Omit 和 Exclude 使用方式与功能对比

乐闻世界

12-26

1403

Exclude的主要作用是从 T类型中排除出可以赋值给 U的类型，创建出一个新的子类型。// 结果是 'c'在这个例子中，我们定义了两个类型 T和 U，T是一个包含 'a', 'b', 'c'三个成员的联合类型，而 U是包含 'a', 'b'的联合类型。通过 Exclude我们从 T中排除了可以赋值给 U的类型，所以结果类型 Result就变成了 'c'。OmitOmit的主要功能在于，从一个已有的对象类型 T中排除指定的属性 K。

typescript 高阶函数

05-31

TypeScript 中的高阶函数是指接收一个或多个函数作为参数或者返回一个函数的函数。这些函数可以用于函数的组合、柯里化、函数的延迟执行等场景。以下是一个简单的 TypeScript 高阶函数示例： ```typescript function add(x: number): (y: number) => number { return function(y: number) { return x + y; }; } const addFive = add(5); console.log(addFive(3)); // 输出 8 ``` 在上面的示例中，`add` 函数接收一个数字参数 `x`，并返回一个函数，这个函数接收一个数字参数 `y`，并返回 `x + y` 的结果。我们可以使用 `add(5)` 来创建一个新的函数 `addFive`，这个函数接收一个数字参数 `y`，并返回 `5 + y` 的结果。这就是一个简单的柯里化函数，可以用于多次重复调用。除了柯里化之外，高阶函数还可以用于函数的组合，例如将多个函数组合成一个新的函数： ```typescript function compose<A, B, C>(f: (arg: A) => B, g: (arg: B) => C): (arg: A) => C { return function(x: A) { return g(f(x)); }; } function toUpperCase(s: string): string { return s.toUpperCase(); } function exclaim(s: string): string { return s + '!'; } const shout = compose(toUpperCase, exclaim); console.log(shout('hello world')); // 输出 "HELLO WORLD!" ``` 在上面的示例中，`compose` 函数接收两个函数 `f` 和 `g`，并返回一个新的函数，这个新的函数接收一个参数 `x`，将 `x` 作为参数传递给 `f` 函数，将 `f(x)` 的结果作为参数传递给 `g` 函数，最后返回 `g(f(x))` 的结果。我们可以使用 `compose(toUpperCase, exclaim)` 来创建一个新的函数 `shout`，这个函数会将输入字符串转换为大写字母并在末尾添加感叹号。