TS实现 Exclude和extends解析

Repeater、

已于 2024-02-06 13:59:11 修改

阅读量704

点赞数 9

分类专栏： Typescript 文章标签：前端 javascript linux

于 2024-01-09 11:54:25 首次发布

本文链接：https://blog.csdn.net/content6/article/details/135477011

版权

Typescript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

实现内置的 Exclude<T, U> 类型，但不能直接使用它本身。

从联合类型 T 中排除 U 中的类型，来构造一个新的类型。

例如：

type Result = MyExclude<'a' | 'b' | 'c', 'a'> // 'b' | 'c'

解法：


type MyExclude<T, U> = T extends U ? never : T

TS中的extends解析：TypeScript extends 精读与实践 - 知乎 (zhihu.com)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Repeater、

关注关注

9
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
TS实现 Exclude和extends解析

中的类型，来构造一个新的类型。类型，但不能直接使用它本身。
复制链接

扫一扫

专栏目录

rsync命令排除文件和文件夹(exclude-from)

09-30

`rsync` 的 `exclude-from` 参数允许我们创建一个包含排除规则的文件，以此来忽略特定的文件和目录，提高同步效率，避免不必要的传输。 ### 一、`rsync` 命令的基本结构基础的 `rsync` 命令格式如下： ```bash ...

SpringBoot实现devtools实现热部署过程解析

08-19

SpringBoot 是一个流行的 Java 框架，为了提高开发效率和降低开发成本，SpringBoot 提供了 DevTools 依赖项，以实现热部署过程解析。下面将详细介绍 SpringBoot 实现 DevTools 热部署过程解析的过程。首先，需要在...

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

Ts中的Pick，Omit，Extract和Exclude区别

楠姐的博客

09-11

6989

Pick，Omit，Extract和Exclude

tsconfig之include和exclude详解

wfly blog

10-07

4425

指定需要编译处理的文件列表，支持glob模式匹配，文件的解析路径相对于当前项目的文件位置。

TS 里几个常用的内置工具类型（Record、Partial 、 Required 、 Readonly、 Pick 、 Exclude 、 Extract 、 Omit）的使用

热门推荐

织网的博客

12-01

4万+

TS 里几个常用的内置工具类型（Partial、Partial 、 Required 、 Readonly、 Pick 、 Exclude 、 Extract 、 Omit）的使用 Partial 源码： type Partial<T> = { [P in kefof T]?: T[P] } 作用：生成一个新类型，该类型与 T 拥有相同的属性，但是所有属性皆为可选项 eg: interface Foo { name: string age: number }...

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

天渺(喵)工作室

05-29

5776

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

ts 内置工具类型（Partial、Pick、Record、Readonly、Exclude、Extract、Omit等）

weixin_42289080的博客

06-20

1236

ts种13种内置工具类型：partial 、readonly、required、Exclude、Extract、Pick、Omit、Record、NonNullable、Parameters、ConstructorParameters、ReturnType、InstanceType

TS高级类型 Record、Pick、Partial、Required、Readonly、Exclude、Extract、Omit、NonNullable 使用

刘运召的博客

10-19

8740

TS高级类型 Record、Pick、Partial、Required、Readonly、Exclude、Extract、Omit、NonNullable 使用

Android 如何实现exclude aar包中的某个jar包

08-19

排除 aar 包中的某个 jar 包是 Android 开发中常见的问题，本文提供了两种解决方法，分别是使用 exclude module 的方式和解压 aar 文件的方式。同时，本文还补充了在 Android 中导入多个 Module 时包冲突的解决办法...

vue项目引入ts步骤(小结)

10-16

1. **安装TypeScript和ts-loader** 首先，你需要通过npm或cnpm安装TypeScript和ts-loader作为开发依赖。这两个包是将TypeScript集成到Vue项目中的核心工具。 ```bash cnpm i typescript ts-loader --save-dev ``...

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

10-14

主要介绍了你不知道的 TypeScript 高级类型(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

TS常用工具类型

最新发布

an_jia_ning的博客

01-25

682

语法：Pick<Type, Keys>- 通过从Type中选取一组属性Keys（字符串字面或字符串字面的并集）来构造一个类型。- 就是在已经定义好的Type中选取一些key，组成一个新的Type类型pick两个类型变量：1.表示选择谁的属性2.生成的新类型，只有id，title两个属性类型相当于。

Typescript高级类型Record,Partial,Readonly等介绍

ddp的博客

06-16

1万+

Typescript的联合类型、Partial、Pick、Exclude、Omit介绍联合类型Partial的实现原理pick的实现原理Exclude的原理Omit原理 Typescript的联合类型、Partial、Pick、Exclude、Omit介绍联合类型 /* 首先是联合类型的介绍 */ let a: string | number = '123' // 变量a的类型既可以是string，也可以是number a = 123 Partial (意思是部分的; 不完全的)，t

Typescript项目自动执行.ts文件；include/exclude配置；complilerOptions编辑器选项配置；

艾米的猫儿的博客

11-19

1786

1.自动监视ts变化自动进行编译； 1.监视单个ts文件 tsc 文件名 -w 2.监视多个ts文件第一步.根目录下创建一个tsconfig.json文件；把这个json 只留下 {} 即可第二步根目录下运行 cmd 运行 txc -w 即可监听所有ts发生变化 2.tsconfig.json配置 include和exclude样例如下‘ ...

TypeScript 高级技巧

weixin_34376986的博客

06-11

947

用了一段时间的 typescript 之后，深感中大型项目中 typescript 的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。以下是我在工作中总结到的比较实用的 typescript 技巧。本文链接: shanyue.tech/post/ts-tip… 01 keyof keyof 与 Obje...

Vue-TypeScript全面教程(附实例代码和一键构建工具)

weixin_33694172的博客

12-19

879

功能轮播搜索列表懒加载简单动画 loading vue-router.ts vuex.ts vue-class-component使用 vuex-class使用 xxx.d.ts声明文件基于类的编写方式 mock数据 tsconfig.json webpack配置 vue-typescript-cli 项目地址：github.com/SimonZhangI…...

angular启动报错error TS2304: Cannot find name 'Exclude'

u013933829的博客

07-02

4882

解决办法：npm i -D @types/lodash@ts2.4

TypeScript 中的内置类型

可以叫我啪叽的石头

08-14

4037

刚入门 ts，看到好多内置类型，就想整理一下，方便以后在使用中能运用到。 Partial 描述：将类型 T 的所有属性标记为可选属性实现： type Partial<T> = { [P in keyof T]?: T[P]; }; 用法：Partial<T> partial 这个类型，就是将某个类型里的属性添加上？，有了这个 modifier 之后，很多属性就可以是 undefined 了。例如： // 自定义的用户类型 interface Person {

TypeScript高级用法详解

嘿嘿

06-08

4832

中，由于我们将访问修饰符设置为public，因此我们通过实例man来访问name和age属性是被允许的，同时对age属性重新赋值也是允许的。但是在某些情况下，我们希望某些属性是对外不可见的，同时不允许被修改，那么我们就可以使用private修饰符： class Human { public name: string; private age: number; // 此处修改为使用private修饰符 public constructor(name: string, age: nu

ts Partial+extends

12-10

`Partial` 和 `extends` 都是 TypeScript 中的关键字，用于类型定义和类型判断。 `Partial` 是 TypeScript 中的一个内置类型，它可以将一个类型中的所有属性设置为可选属性。例如，我们有一个 `IPeople` 接口，其中有 `name`、`age` 和 `sex` 三个属性，我们可以使用 `Partial` 将 `IPeople` 中的所有属性都设置为可选属性，定义一个新的类型 `TPartial`，如下所示： ```typescript interface IPeople { name: string; age?: number; sex: string; } type TPartial = Partial<IPeople>; // 等同于 // type TPartial = { // name?: string | undefined; // age?: number | undefined; // sex?: string | undefined; // } ``` `extends` 是 TypeScript 中的一个关键字，用于类型判断。在 TypeScript 中，我们可以使用 `extends` 判断一个类型是否是另一个类型的子类型。例如，我们有一个 `Exclude` 类型，它可以从一个类型中剔除可以赋值给另一个类型的类型，定义如下： ```typescript type Exclude<T, U> = T extends U ? never : T; ``` 当 `T` 是联合类型时，`Exclude` 会循环 `T` 类型，将其中可以赋值给 `U` 的类型剔除掉，返回一个新的类型。例如： ```typescript type TExclude1 = Exclude<"a" | "b", "a" | "c">; // 等同于 // type TExclude1 = "b" type TExclude2 = Exclude<number | string | boolean, string>; // 等同于 // type TExclude2 = number | boolean ```