⚡ 编程实验室🏗️ HTML🎨 CSS⚡ JavaScript🐍 Python🗄️ SQL☕ Java⚛️ React💚 Vue🟢 Node.js⚙️ C语言🐘 PHP🐹 Go🔷 TypeScript🐬 MySQL🔧 C++🎯 C#🦀 Rust🅱️ Bootstrap💡 jQuery🎸 Django🍃 MongoDB👗 Sass🎪 Kotlin📊 R语言📋 XML📊 Excel🐘 PostgreSQL🐳 Docker🅰️ Angular🎮 游戏🏠 网站首页

TS infer 关键字:推断类型的高级技巧

深入理解 infer 关键字,在条件类型中提取和推断子类型。 · 难度:入门 · +15XP

infer 关键字的作用

infer 关键字用于在条件类型中声明一个类型变量,以便从其他类型中推断出特定部分的类型。它通常与 extends 配合使用,实现类似模式匹配的功能,是高级类型编程的核心工具之一。

基本用法

type ReturnTypeOf<T> = T extends (...args: any[]) => infer R ? R : never;
function greet() { return 'hello'; }
type GreetReturn = ReturnTypeOf<typeof greet>; // string

实用示例

模式说明
提取数组元素类型T extends (infer U)[] ? U : never
提取 Promise 值类型T extends Promise<infer V> ? V : never
提取函数参数类型T extends (...args: infer P) => any ? P : never

代码示例

type ElementType<T> = T extends (infer U)[] ? U : never;
type NumArr = ElementType<number[]>; // number

练习提示:编写一个类型工具,从对象类型中提取所有属性值的类型联合。

Ctrl+Enter
🚀 升级VIP
解锁全部课程+AI助手

🏆 学习排行

加载中...

📊 统计

📖 200 篇
0 完成
🔥 0