ts:条件类型

1. 条件类型表达式 T extends U ? X : Y

基本语法: T extends U ? X : Y
(T 和 U 是类型,而 X 和 Y 是类型或者类型表达式。)

用于判断 T的每个成员 是否是 U 的子类型。如果是,则返回 X,否则返回 Y。最终返回多个Y 联合的结果(never在联合类型中会被忽略)

1. 基本用法--判断类型
// 判断是不是字符串
type IsString<T> = T extends string ? true : false;
type Result1 = IsString<string>;      // true  
//判断是不是数组
type isArray<T> = T extends Array<any> ? true : false
type testArray = isArray<'123'>
判断是不是对象
type isObject<T> T extends object > true : false
type testObject = isObject<{a:'123'}>
2. 提取元组的类型
type ArrayElementType<T extends any[]> = T extends (infer U)[] ? U : never;  
// 使用示例  
const numbers: number[] = [1, 2, 3];  
type NumberElementType = ArrayElementType<typeof numbers>; // number  
3. 排除null或undefined的类型
type noNull<T> = T extends null | undefined ? never : T
type Result1 = noNull<string | null>
4. 递归条件类型示例
type DeepArrayElementType<T> =  T extends any[]  ? T[number] extends infer U  ? U extends any[]  ? DeepArrayElementType<U>  : U  : never  : T;  // 使用通用版本  
type Example5 = DeepArrayElementType<number[][][]>; // number  
type Example6 = DeepArrayElementType<string | number[][]>; // string | number
6. 条件烈类型与泛型类型结合使用

条件表达式可以实现递归

// 只针对接口的递归
//实现一个泛型 DeepReadonly<T>,它将对象的每个参数及其子对象递归地设为只读。
type X = {x: {a: 1;b: "hi";};y: "hey";
};type Expected = {readonly x: {readonly a: 1;readonly b: "hi";};readonly y: "hey";
};type DeepReadonly<T> = {readonly [P in keyof T]: T[P] extends object ? DeepReadonly<T[P]> : T[P];
};let zs: DeepReadonly<X> = {x: {a: 1,b: "hi",},y: "hey",
};
zs.x.b = "xc";

infer

infer 关键字用于在泛型条件类型中推断类型。它允许你声明一个类型变量,该变量会在条件类型被解析时自动推断出具体的类型。

infer 关键字通常与条件类型和映射类型中的 extends 关键字一起使用,但是,infer 并不一定要与 extends 结合使用。
infer 可以在一个条件类型中多次使用,以捕获不同的类型信息。

1. 提取数组元素类型
type ElementType<T extends any[]> = T extends (infer U)[] ? U : never;  
// 使用示例  
type NumArrayElementType = ElementType<[1, 2, 3, 4]>; // number  
type MixedArrayElementType = ElementType<[1, "two", true]>; // number | "two" | true,但通常这不是我们想要的
2. 提取数组最后一个元素类型
type arr1 = [1, 2, 3]
type FirstElement<T extends any[]> =  T extends [...infer First, infer Rest] ? Rest : never;  
type lastTest  = FirstElement<arr1>
3. 提取数组第一个元素类型
type arr2 = ['a', 'b', 'c']
type FirstElement<T extends any[]> =  T extends [infer First, ...infer Rest] ? First : never;  
type firstTest  = FirstElement<arr1>
4. 提取函数参数类型
type FunctionParams<T extends (...args: any) => any> = T extends (...args: infer P) => any ? P : never;  
type Params = FunctionParams<(a: string, b: number) => void>; 
5. 提取对象属性值类型
type ValueTypeOfProperty<T, K extends keyof T> = T[K] extends (infer V) ? V : never;  
type Obj = {  a: string;  b: number;  
};  
type AType = ValueTypeOfProperty<Obj, 'a'>;  
// AType 类型为 string   
6. 提取函数返回类型
type FunctionReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer R ? R : never;  
type ReturnType = FunctionReturnType<() => string>;  
// ReturnType 类型为 string
7. 提取联合类型中的各个类型
8. 创建类型变换(如数组转换成元组)

2. Exclude

Exclude<T, U>用于从类型 T 中排除所有可分配给类型 U 的成员。

type T0 = Exclude<"a" | "b" | "c", "a" | "b">;  // "c"  
type T2 = Exclude<string | number | (() => void), Function>;  // string | number

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/839479.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

flannel详细介绍

一、前言 Flannel 是一个简单、高效的容器网络解决方案&#xff0c;适用于需要在多个主机上运行容器的场景。它通过虚拟网络技术和 IP 地址管理来实现容器之间的通信和跨主机连接&#xff0c;为容器平台提供了可靠的网络基础设施&#xff0c;flannel有三种模式&#xff0c;分别…

14、24年--信息系统管理——管理方法

主要考选择题,2分左右,案例涉及的概率很低,论文写作不会单独考。 1、管理基础 1.1 层次结构 信息系统是对信息进行采集、处理、存储、管理和检索,形成组织中的信息流动和处理,必要时能向有关人员提供有用的信息的系统。它是由人、技术、流程和数据资源组成的人机系统,目…

smallpdf安装

smallpdf安装 此软件可以很好的把ppt转换的pdf再转回ppt 安装参考链接

通过路径遍历所实现的RCE

漏洞原理 路径遍历&#xff1a;这种类型的安全漏洞允许攻击者访问应用程序本不打算公开的文件和目录。通过构造特殊的输入&#xff0c;如使用../&#xff08;向上遍历目录&#xff09;的序列&#xff0c;攻击者可以逃离受限的目录&#xff0c;访问文件系统上的其他位置。 利用…

【Python】—— 公共的方法

目录 &#xff08;一&#xff09;公共操作 1.1 公共操作之运算符加号 1.2 公共操作之运算符乘号 1.3 公共操作之运算符判断数据是否存在 &#xff08;二&#xff09;公共方法 2.1 公共方法-len 2.2 公共方法-del 2.3 公共方法-max和min 2.4 公共方法-range 2.5 公共方…

Potree点云手册

兄弟们整理和收集资料不容易&#xff0c;请关注手册&#xff01;&#xff01; Potree 以其高显示速度而脱颖而出&#xff0c;使其成为处理大量点云数据集的绝佳选择。 我们的重点将是 Potree 提供的多样化导航和显示选项。 如果你遇到任何问题&#xff0c;请随时尝试其他浏览器…

算法2:滑动窗口(上)

文章目录 长度最小子数组无重复字符的最长子串[最大连续 1 的个数III](https://leetcode.cn/problems/max-consecutive-ones-iii/description/)将x减到0的最小操作数 长度最小子数组 class Solution { public:int minSubArrayLen(int target, vector<int>& nums) {in…

聚观早报 | 拼多多第一季度营收;苹果2024款彩虹表带上市

聚观早报每日整理最值得关注的行业重点事件&#xff0c;帮助大家及时了解最新行业动态&#xff0c;每日读报&#xff0c;就读聚观365资讯简报。 整理丨Cutie 5月24日消息 拼多多第一季度营收 苹果2024款彩虹表带上市 小米汽车智驾将提速 iPhone 16 Pro Max将用最大屏幕 …

【hive和spark】hive on spark和spark读取hive metastore配置

HIVE ON SPARK 和 SPARK READ HIVE METASTORE 具体hadoop 和 hive单机版本安装请参考单节点搭建hadoop和hive 此文是基与这篇基础上升级而来。 零、版本说明&#xff1a; 本例使用的版本&#xff0c;hive和spark版本对标Cloudera 公司的 cdh6.2.0 版本&#xff0c;hdfs图省事…

vscode 插件开发指南

1安装nodejs、vscode 2安装插件脚手架 npm install -g yo generator-code 3使用命令创建插件项目 yo code 4在vscode中打开项目 5运行调试&#xff0c;按F5键 6在新打开的窗口中按shiftctrlp 然后执行命令 7配置右键菜单命令 遇到问题&#xff1a; 1.package.json中vsc…

高性能负载均衡的分类及架构分析

如何选择与部署适合的高性能负载均衡方案&#xff1f; 当单服务器性能无法满足需求&#xff0c;高性能集群便成为提升系统处理能力的关键。其核心在于通过增加服务器数量&#xff0c;强化整体计算能力。而集群设计的挑战在于任务分配&#xff0c;因为无论在哪台服务器上执行&am…

STM32_HAL_RTC时钟

1. RTC 时钟简介 STM32F407 的实时时钟&#xff08;RTC&#xff09;是一个独立的定时器。 STM32 的 RTC 模块拥有一组连续计数的计数器&#xff0c;在相对应的软件配置下&#xff0c;可提供时钟日历的功能。修改计数器的值可以重新设置系统的当前时间和日期。 RTC 模块和时钟配…

2024年电工杯数学建模A题思路分享 - 园区微电网风光储协调优化配置

# 1 赛题 A 题&#xff1a; 园区微电网风光储协调优化配置 园区微电网由风光发电和主电网联合为负荷供电&#xff0c;为了尽量提高风光电量的 负荷占比&#xff0c;需配置较高比例的风光发电装机容量&#xff0c;但由于园区负荷与风光发电功 率时序不匹配&#xff0c; 可能导致…

SaToken+SpringBoot+Redis前后端分离登录认证

目录 前言一、创建工程项目&#x1f38d;1.1 创建后端工程1.2 创建前端工程 二、业务代码&#x1f38a;后端代码前端代码 三、测试参考资料 前言 Sa-Token 是一款 Java 语言的权限认证框架&#xff0c;提供了灵活、高效、易用的权限认证和会话管理功能。它是 SpringBoot、Spri…

移动端/PC端布局-flex布局

一:flex布局概述 作用 更加灵活、精确的布局块级盒子,避免了浮动布局中脱离标准流的现象;构成 只要启动了弹性布局:父元素变为:弹性容器、子元素为:弹性盒子、x轴水平方向为:主轴、y轴垂直方向为:侧轴(默认)二:如何使用flex布局 如何启动flex布局 给父级盒子(弹性…

mysql bin 日志转成sql

首先确定mysql binlog 服务开启 SHOW VARIABLES LIKE log_bin; 找到binlog日志 find / -name mysql-bin.* -type f 下载下来 本地找到mysql安装位置的bin目录 在窗口路径处直接输入cmd 执行 mysqlbinlog --no-defaults --base64-outputdecode-rows -v --start-datetime&…

华为大咖说 | 企业应用AI大模型的“道、法、术” ——道:认知篇

本文作者&#xff1a;郑岩&#xff08;华为云AI变革首席专家&#xff09;全文约3313字&#xff0c;阅读约需8分钟&#xff0c;请仔细看看哦~ 前阵子&#xff0c;我在公司内部发了一篇Sora的科普贴&#xff0c;本来只是个简单的技术总结&#xff0c;但让我意外的是&#xff0c;…

vue.js对接海康威视摄像头web开发包

一、登录海康开放平台下载web开发包&#xff0c;下载需要先登录海康账号&#xff0c;没有的需先注册一个。 这里的appkey、ip、port、secret 和cameraIndexCodeasd是自己去申请的 appkey: "****", ip: "****", port: **, secret: "****", //必填…

torch配置时出现问题

torch配置时出现如下问题&#xff1a; 可能原因&#xff1a; 1、下载的whl文件中python版本与本机上的python版本不匹配&#xff1b; 2、上图中的文件是64位的&#xff0c;而本机python是32位的&#xff0c;也无法匹配&#xff1b; 3、cuda的版本不匹配。

关于在企业环境中中间人攻击(MITM)可行性研究的报告

这份文件是一篇关于在企业环境中中间人攻击&#xff08;MITM&#xff09;可行性研究的报告&#xff0c;由Nobel Ang和Koh Chuen Hia撰写。 以下是其核心内容的概述&#xff1a; 标题&#xff1a; 研究在企业环境中中间人攻击的可行性 作者&#xff1a; Nobel Ang&#xff08…