深入研究打字稿&#s推断关键字

使用typescript条件类型中的infer关键字进行类型推断

本文介绍TypeScript中infer关键字在条件类型中的用法,尤其是在处理复杂类型时,它能有效地提取或转换类型信息。

基本用法

infer关键字只能用于条件类型中,通常与extends关键字结合使用。其语法如下:

type InferType = T extends infer U ? U : never;

其中,T extends infer U 表示尝试推断T的类型并将其赋值给U。如果类型推断成功,U将成为推断出的类型。

以下是一些示例:

type InferType = T extends infer U ? U : never;type StringType = InferType; // stringtype NumberType = InferType; // numbertype UnionType = InferType; // string | numberinterface User {  name: string;  age: number;}type UserType = InferType; // User

这些例子中,InferType 实际上只是返回T本身,没有进行任何转换或处理,主要用于演示条件类型和类型推断的基本用法。

常见示例

提取函数的返回类型

假设我们有一个函数类型,需要提取其返回类型:

type GetReturnType = T extends (...args: any[]) => infer R ? R : never;type ExampleFunction = (x: number, y: string) => boolean;type ReturnTypeOfExampleFunction = GetReturnType; // boolean

代码解释:T extends (...args: any[]) => infer R 检查T是否为函数类型;infer R 推断函数的返回类型并赋值给R? R : never 如果T是函数类型则返回推断出的返回类型R,否则返回never

提取数组的元素类型

同样可以使用infer提取数组的元素类型:

type GetArrayElementType = T extends (infer U)[] ? U : never;type MyArray = string[];type ElementTypeOfMyArray = GetArrayElementType; // string

T extends (infer U)[] 推断数组元素类型U。由于Tstring[]U将是string

快转字幕 快转字幕

新一代 AI 字幕工作站,为创作者提供字幕制作、学习资源、会议记录、字幕制作等场景,一键为您的视频生成精准的字幕。

快转字幕 357 查看详情 快转字幕 提取Promise的值类型

对于Promise类型,可以提取其解析类型:

type GetPromiseValueType = T extends Promise ? U : never;type ExamplePromise = Promise;type ValueTypeOfExamplePromise = GetPromiseValueType; // number

T extends Promise 检查T是否为Promise类型;infer U 推断Promise的解析值类型并赋值给U

提取函数的参数类型

infer 也可以用来提取函数的参数类型:

type GetParameters = T extends (...args: infer P) => any ? P : never;type ExampleFunction = (a: number, b: string) => void;type Params = GetParameters; // [number, string]

T extends (...args: infer P) => any 检查T是否为函数类型;infer P 推断函数的参数类型并赋值给P

提取构造函数的参数类型

类似地,可以提取类的构造函数的参数类型:

type ConstructorParameters = T extends new (...args: infer P) => any ? P : never;class ExampleClass {  constructor(public a: number, public b: string) {}}type Params = ConstructorParameters; // [number, string]

高级示例:复杂的类型推断

以下示例展示了在条件类型中使用更复杂的推断逻辑:

type IsArray = T extends (infer U)[] ? U : never;type IsFunction = T extends (...args: any[]) => infer R ? R : never;type ExtractType = T extends any[]  ? IsArray  : T extends (...args: any[]) => any  ? IsFunction  : T;// Examplestype ArrayType = ExtractType; // stringtype FunctionReturnType = ExtractType number>; // numbertype DefaultType = ExtractType; // boolean

总结

infer关键字在TypeScript条件类型中用于从其他类型推断新的类型变量,能够有效地提取和利用特定的子类型或属性,增强了TypeScript类型系统的表达能力和灵活性。 它简化了从复杂类型中提取所需部分的过程。

深入研究打字稿&#s推断关键字深入研究打字稿&#s推断关键字

以上就是深入研究打字稿&#s推断关键字的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/371212.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Docker中运行Hbase失败是什么原因?
上一篇 2025年11月6日 07:40:21
国家广电总局鼓励电视播出微短剧,推动优秀境外节目引进播出等
下一篇 2025年11月6日 07:40:27

相关推荐

  • 松下案例入选《2025企业社会责任竞争力指数报告》

    松下案例入选《2025企业社会责任竞争力指数报告》松下案例入选《2025企业社会责任竞争力指数报告》松下案例入选《2025企业社会责任竞争力指数报告》松下案例入选《2025企业社会责任竞争力指数报告》

    11月14日,中国新闻社《中国新闻周刊》在北京成功举办了第二十一届企业社会责任系列活动·2025责任之星特别节目。活动以“致明天:焕新责任竞争力”为主题,汇聚了来自政府、企业及学术界的多位代表,共同探讨新时代下企业如何通过责任创新打造核心竞争力。松下电器(中国)有限公司总裁赵炳弟作为企业界代表受邀出…

    2026年5月10日 用户投稿
    000
  • html标签如何读_HTML标签(语义化/结构)阅读与理解方法

    答案是掌握HTML标签的语义化含义与结构作用。理解HTML需从语义化入手,使用如article、nav、header等标签准确表达内容意义,提升可访问性、SEO和代码可维护性;阅读时应从外到内分析结构,识别页面骨架,区分语义标签与非语义标签(如div、span)的合理使用场景,避免仅凭外观选择标签,…

    2026年5月10日
    000
  • 我有时使用 awk 而不是 Python 的四个原因

    Python 是一门强大的编程语言,但在某些特定场景下,Awk 的优势更为显著,尤其体现在可移植性、生命周期、代码简洁性和与其他工具的互操作性方面。 Python 脚本通常具有良好的可移植性,但并非总能在所有环境中完美运行,例如流行的 Docker 基础镜像 (如 Debian 和 Alpine)。…

    2026年5月10日
    000
  • JS注解怎么和TypeScript结合_ JS注解在TypeScript环境下的应用

    TypeScript 支持通过配置 allowJs 和 checkJs 在 JavaScript 文件中识别 JSDoc 注解并进行类型检查,可在混合项目中提升类型安全;常见用法包括 @type、@param、@returns 和 @typedef,能为变量、函数参数等提供类型信息,支持与 .ts …

    2026年5月10日
    000
  • 李彦宏:2025年是萝卜快跑的扩张之年 将寻找合作方

    百度计划2025年大力扩张自动驾驶出行服务平台“萝卜快跑”。百度ceo李彦宏近日在业绩会上宣布,将与电信运营商、出租车公司及其他车队运营商合作,扩大市场份额,让更多用户体验自动驾驶技术。 这对于萝卜快跑而言是至关重要的发展阶段,预计未来车队规模和服务量将实现飞速增长。 ☞☞☞AI 智能聊天, 问答助…

    2026年5月10日
    000
  • 为什么专注如此重要?

    在快节奏的数字时代,程序员能否保持专注直接影响着代码质量、项目进度和错误率。 高效专注,才能在开发过程中游刃有余。本文将分享一些实用技巧,助您提升编程专注力,高效完成任务。 专注力为何如此重要? 专注力是程序员的核心竞争力。编码需要高度集中,处理细节、逻辑和问题,稍一分神就可能导致错误百出,返工耗时…

    2026年5月10日
    300
  • TypeScript函数体中如何高效判断参数类型?

    typescript 函数体中判断参数类型的技巧 typescript 中,我们可以定义接口来表示不同的数据类型。在本文中,我们将探讨如何在函数体中判断参数的类型,从而实现类型收窄,进行更精细的类型检查。 使用谓词函数 一种方法是编写谓词函数来手动检查类型。谓词函数返回的是 value is som…

    2026年5月10日
    000
  • JS如何实现策略模式

    策略模式通过封装算法使其可互换,JavaScript中利用函数作为一等公民实现,适用于表单验证等场景,结合工厂模式提升灵活性,但应避免过度设计。 策略模式的核心在于定义一系列算法,并将每一个算法封装起来,使它们可以相互替换。这使得算法可以在不影响客户端的情况下发生变化。在JS中,这可以通过函数作为一…

    2026年5月10日
    000
  • Svelte中正确导入数据与组件:避免常见误区

    在svelte开发中,理解如何正确导入数据和组件至关重要。svelte文件定义的是组件而非普通javascript模块,若需共享纯数据,应使用`.js`文件进行导出。本文将详细阐述svelte的导入机制,并通过示例代码展示如何区分导入数据与渲染组件,从而避免常见的导入错误,确保项目结构清晰且功能正确…

    2026年5月10日
    300
  • 使用 React 和 Pushpad 进行 Web 推送通知

    本教程演示如何在React网站上轻松实现用户订阅网页推送通知功能。我们将创建一个React组件,方便用户订阅/取消订阅推送通知。 我们将使用Pushpad SDK来创建和管理推送订阅。 一、配置Pushpad JavaScript SDK 首先,在网站根目录添加名为service-worker.js…

    2026年5月10日
    000
  • 如何通过GitHub API高效获取超过100个用户列表(分页教程)

    本教程旨在解决使用GitHub API获取用户列表时遇到的默认100个用户限制问题。我们将详细介绍两种主要的分页策略:利用Octokit库内置的paginate方法实现自动化分页,以及手动实现基于since参数的循环分页逻辑。文章将提供清晰的代码示例,并强调在不同场景下选择合适方法的注意事项,特别是…

    2026年5月10日
    100
  • 前端构建优化:利用常量折叠提升应用性能

    本文深入探讨了一种在构建阶段执行部分源代码以进行优化的技术——常量折叠(Constant Folding)。通过在编译时预计算表达式并替换为最终结果,该技术显著减少了运行时开销,提升了应用性能。文章将详细解释其工作原理、优势,并探讨其在现代前端构建工具中的应用与配置,旨在帮助开发者实现更高效的代码优…

    2026年5月10日
    000
  • 动态语言中静态类型的讽刺

    c++kquote>您也可以在 medium 上阅读这篇文章。 当我们看到编程语言如何随着时间的推移而演变时,总是很有趣。 曾几何时,当我开始进入软件开发世界时,python、php 和 javascript 等动态语言因其灵活性和适合快速开发的简洁语法而受到赞赏。 然而,随着这些弱类型语言的…

    2026年5月10日
    000
  • 它的未来:自动化和人工智能如何改变发展

    自动化与人工智能:IT领域的未来发展 自动化和人工智能(AI)正在深刻地改变着软件开发和IT专业人员的工作方式。从自动化重复性任务到将AI工具融入开发流程,这些技术为IT行业带来了新的机遇和挑战。 1. DevOps中的自动化:简化开发流程 自动化正在彻底改变开发人员管理开发和部署流程的方式。持续集…

    2026年5月10日
    000
  • 为什么 TypeScript 比 JavaScript 更好

    javascript 长期以来一直是 web 开发的基石,支持从小型脚本到大型应用程序的各种项目。然而,随着项目规模的扩大,javascript 的动态类型和缺乏结构性可能会成为开发的瓶颈。typescript 应运而生,它凭借静态类型检查和强大的工具集,迅速成为许多开发者构建可靠、可扩展应用程序的…

    2026年5月10日
    100
  • 深入解析Angular中循环计算与数组操作的常见陷阱及优化实践

    本文深入探讨了angular应用中处理循环计算和动态数组时常见的逻辑错误。通过一个租金计算器示例,我们分析了`for`循环中未能正确累加迭代值以及数组填充不当的问题,并提供了详细的解决方案,包括优化计算逻辑、正确使用数组`push`方法,以及遵循typescript和javascript的最佳实践,…

    2026年5月10日
    000
  • 官方41币是什么?如何在Solana上购买41官方币?购买指南

    官方41币是Solana链上高风险迷因代币,需用Phantom等账户准备SOL并经Jupiter等DEX兑换,全程自主掌控私钥与助记词,交易不可逆。 官方41币是在solana网络上的社区驱动型数字资产的一种部署,通常被视为一种迷因(meme)代币。获取它需要准备一个兼容solana的数字资产容器,…

    2026年5月10日
    200
  • 反应性组件热加载与状态保存

    现代网络开发追求快速、流畅的用户体验。然而,传统的全页刷新机制在应用代码更改时会清除用户输入、身份验证数据和导航历史,迫使开发者每次更新后都重新搭建测试环境。热重载技术应运而生,它在保持应用状态的同时实时更新代码,显著提升了开发效率。 热重载允许开发者实时查看UI更改并进行测试,无需重置应用。Rea…

    2026年5月10日
    000
  • Angular Material Table 数据源的正确绑定与异步数据处理

    在 Angular 应用中,将异步获取的数据正确绑定到 Material Table 的 `MatTableDataSource` 是一个常见挑战。本文将深入探讨 `MatTableDataSource` 的初始化时机,特别是如何处理数据加载的异步性,确保表格能够实时、准确地渲染数据,并提供一个结构…

    2026年5月10日
    000
  • JS注解怎么标注只读属性_ JS对象只读属性的注解方法与使用

    使用JSDoc的@readonly可标注只读属性以提升开发体验,但需结合Object.defineProperty设置writable为false才能实现运行时保护,TypeScript的readonly关键字则能在编译阶段阻止修改,提供更强的类型检查。 在JavaScript中,给对象属性设置只读…

    2026年5月10日
    100

发表回复

登录后才能评论
关注微信