TypeScript详解十二:条件类型、内置条件类型

warning: 这篇文章距离上次修改已过281天,其中的内容可能已经有所变动。

在TypeScript中,我们可以使用条件类型来实现类型之间的条件判断和类型映射。

  1. 条件类型

条件类型使用extends关键字来进行类型判断,并根据条件结果选择不同的类型。




// 定义一个条件类型
type ConditionType<T, U> = T extends U ? true : false;
 
// 使用条件类型
type Result1 = ConditionType<'foo', 'bar'>; // false
type Result2 = ConditionType<'bar', 'bar'>; // true
  1. 内置条件类型

TypeScript提供了一些内置的条件类型,如Exclude、Extract、Pick等。




// 使用Exclude内置条件类型
type ExcludeResult = Exclude<"a" | "b" | "c", "a">; // "b" | "c"
 
// 使用Extract内置条件类型
type ExtractResult = Extract<"a" | "b" | "c", "a" | "c">; // "a" | "c"
 
// 使用Pick内置条件类型
interface Person {
  name: string;
  age: number;
  gender: string;
}
type PickResult = Pick<Person, "name" | "age">; // { name: string; age: number; }
  1. 分发条件类型

分发条件类型是指在处理联合类型时,可以对其成员逐一进行条件判断。




// 定义一个分发条件类型
type DistributeConditionType<T, U> = T extends U ? true : false;
 
// 使用分发条件类型
type Result1 = DistributeConditionType<('foo' | 'bar'), 'bar'>; // true | false
 
// 使用infer关键字进行模式匹配
type DistributeInferType<T> = T extends { a: infer U, b: infer U } ? U : never;
 
// 使用分发条件类型
type Result2 = DistributeInferType<{ a: 'foo', b: 'bar' }>; // 'foo' | 'bar'
  1. 关于内置条件类型的解释
  • Exclude<T, U>:从T中排除可分配给U的类型。
  • Extract<T, U>:提取T中可分配给U的类型。
  • Pick<T, K>:从T中选择属性K类型。
  • Record<K, T>:将K中的所有属性的类型设置为T。
  • Partial<T>:将T中的所有属性设置为可选。
  • Required<T>:将T中的所有属性设置为必需。
  • Omit<T, K>:从T中删除属性K。
  • ReturnType<T>:获取函数T的返回类型。
  1. 使用内置条件类型的例子



interface Person {
  name: string;
  age: number;
  gender: string;
}
 
// 使用Exclude
type Excluded = Exclude<keyof Person, 'name'>; // 'age' | 'gender'
 
// 使用Extract
type Extracted = Extract<keyof Person, 'name' | 'age'>; // 'name' | 'age'
 
// 使用Pick
type Picked = Pick<Person, 'name'>; // { name: string }
 
// 使用Record
type Recorded = Record<'name' | 'age', string>; // { name: string; age: string; }
 
// 使用Partial
type PartialPerson = Partial<Person>; // { name?: string; age?: number; gender?: string; }
 
// 使用Required
type RequiredPerson = Required<PartialPerson>; // { name: string; age: number; gender: string; }
 
// 使用Omit
type O

评论已关闭

推荐阅读

DDPG 模型解析,附Pytorch完整代码
2024年11月24日
DQN 模型解析,附Pytorch完整代码
2024年11月24日
AIGC实战——Transformer模型
2024年12月01日
Socket TCP 和 UDP 编程基础(Python)
2024年11月30日
python , tcp , udp
如何使用 ChatGPT 进行学术润色?你需要这些指令
2024年12月01日
AI
最新 Python 调用 OpenAi 详细教程实现问答、图像合成、图像理解、语音合成、语音识别(详细教程)
2024年11月24日
ChatGPT 和 DALL·E 2 配合生成故事绘本
2024年12月01日
omegaconf,一个超强的 Python 库!
2024年11月24日
【视觉AIGC识别】误差特征、人脸伪造检测、其他类型假图检测
2024年12月01日
[超级详细]如何在深度学习训练模型过程中使用 GPU 加速
2024年11月29日
Python 物理引擎pymunk最完整教程
2024年11月27日
MediaPipe 人体姿态与手指关键点检测教程
2024年11月27日
深入了解 Taipy:Python 打造 Web 应用的全面教程
2024年11月26日
基于Transformer的时间序列预测模型
2024年11月25日
Python在金融大数据分析中的AI应用(股价分析、量化交易)实战
2024年11月25日
AIGC Gradio系列学习教程之Components
2024年12月01日
Python3 `asyncio` — 异步 I/O,事件循环和并发工具
2024年11月30日
llama-factory SFT系列教程:大模型在自定义数据集 LoRA 训练与部署
2024年12月01日
Python 多线程和多进程用法
2024年11月24日
Python socket详解,全网最全教程
2024年11月27日