TypeScript 之 infer

最新推荐文章于 2024-06-01 21:45:36 发布
最新推荐文章于 2024-06-01 21:45:36 发布
阅读量1.2k 收藏 1
点赞数
文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44051815/article/details/124708072
版权
本文介绍了TypeScript中infer关键字的使用规则和示例，它用于从泛型中推断类型，类似于数学上的未知数。infer常与类型保护如 和三元运算符结合，当右边类型兼容左边泛型时，返回 后面的内容，否则返回 后面的内容。文中通过两个示例展示了infer在函数类型推断和参数检查中的应用。
摘要由CSDN通过智能技术生成

infer

与 extends 和三元运算符组合使用，用于推断某个复杂类型的部分，简单的说，就是用来推导泛型参数。

使用规则

type ParamsArray<T> = T extends Array<infer P> ? P : T;
  1. inter 只能出现在 extends 关键字的右侧；
  2. inter P 可以理解成数学上的未知数 x；
  3. 其中 extends 关键字的作用，是用来判断 右边的类型 是否兼容 左边的泛型 T，如果兼容则返回 ? 后面的内容，否则返回 : 后面的内容。

示例一：

type ParamsArray<T> = T extends
最低0.47元/天 解锁文章
别样红。
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode-infer-debug-types:在制品
04-06
安装后，您应该在调试过程中在命令面板中使用Infer Infer type命令（它没有默认的键绑定）。 如何安装 它尚未发布到VSCode商店atm，但是您可以轻松获取最新并将其拖放到vscode扩展菜单中。 目前可以使用吗？ 天哪...
typelevel-ts：TypeScript中的类型级别编程
03-04
对于兼容性问题，typelevel-ts的0.4.x版本需要typescript的3.5或更高版本支持，这是因为从TypeScript 3.5开始，引入了更多用于类型级别的功能，如 keyof 的改进和 infer 关键字的引入，这些是typelevel-ts实现其功能...
Typescript高级: 深入理解infer关键字
最新发布
Wang的专栏
06-01 1067
在 TS 中，infer 是一个高级类型操作，特别是条件类型和映射类型中非常有用的关键字它在泛型中使用也会是一个强大工具，增强了类型推断的能力，让开发者更灵活地处理和操作类型它允许在泛型类型推导过程中捕获一个具体的类型，这对于编写复杂的类型转换和映射操作特别有用infer 的定义infer 表示在 extends 条件语句中以占位符出现的用来修饰数据类型的关键字被修饰的数据类型等到使用时才能被推断出来infer 占位符式的关键字出现的位置。
TypeScript `infer` 关键字
weixin_30300225的博客
05-28 490
考察如下类型： type PromiseType<T> = (args: any[]) => Promise<T>; 那么对于符合上面类型的一个方法，如何得知其 Promise 返回的类型？ 譬如对于这么一个返回 string 类型的 Promise: async function stringPromise() ...
TypeScript 学习笔记（五）- infer
kelly0721的博客
02-22 465
infer是在 typescript 2.8 中新增的关键字。 一、简单的示例 type ParamType<T> = T extends (...args: infer P) => any ? P : T; 在这个条件语句 T extends (...args: infer P) => any ? P : T中，infer P 表示待推断的函数参数。 整句表示为：如果 T 能赋值给 (...args: infer P) => any，则结果是 (...args: infer
TypeScript 中的 infer 关键字
jclee95的个人博客
03-19 587
inferTypeScript 笔记TypeScript 中的 infer。
【typescript】infer的理解与使用
不忘初心，坚定道路！
08-28 4884
前言 以前一直不会用infer，要么直接就是returnType，压根不需要用infer，网上那些教程只给示例不给具体场景就无法让人很好理解这玩意，并且很好
TypeScript——理解 infer 关键字！
dizuncainiao的博客
06-19 2271
前言 TypeScript 是微软开发的一个开源的编程语言，通过在 JavaScript 的基础上添加静态类型定义构建而成。它是 JavaScript 的超集，不仅支持原生JS的写法，还增加了很多有用、强大的功能。众所周知， JavaScript 是弱类型语言，一些很低级却难以发现的 Bug 只有在运行时才能发现，而 TypeScript 却能够在编写代码的过程中就能避免绝大部分的低级报错。本专栏用于记录和分享我在使用 TypeScript 中的感悟和心得，以下来介绍一下 infer 的用法： infer
mysql-schema-ts::sparkles:将mysql模式转换为TypeScript接口
05-09
将MySQL模式转换为TypeScript接口 Postgres实施： : 用法 # to infer an entire schema $ npx mysql-schema-ts mysql://root@localhost:3306/database # to infer a specific table $ npx mysql-schema-ts mysql:/...
postgres-schema-ts::elephant:将PostgreSQL模式转换为TypeScript
04-15
后计划将Postgres模式转换为TypeScript接口MySQL实现： ： 用法# to infer an entire schema$ npx postgres-schema-ts postgresql://postgres@localhost:5433/db ? currentSchema=public# to infer a specific table...
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
11-30
在深入探讨Vue 3.0之前的TypeScript实战技巧之前，我们先理解TypeScript的基本概念。TypeScript是一种静态类型的强类型编程语言，它是JavaScript的超集，提供了丰富的类型系统，包括接口、枚举、泛型等，旨在提升...
typescript 中 infer 用法
weixin_43512977的博客
01-02 559
typescript 中 infer 用法
[TypeScript] Infer the Return Type of a Generic Function Type Parameter
weixin_30346033的博客
01-24 104
When working with conditionals types, within the “extends” expression, we can use the “infer” keyword to either get the type of the elements of an array, or even to get the return type of a function. ...
学习TypeScript26（TS进阶用法infer ）
qq1195566313的博客
01-31 4452
infer 是TypeScript 新增到的关键字 充当占位符 我们来实现一个条件类型推断的例子 定义一个类型 如果是数组类型 就返回 数组元素的类型 否则 就传入什么类型 就返回什么类型 type Infer<T> = T extends Array<any> ? T[number] : T type A = Infer<(boolean | string)[]> type B = Infer<null> 使用inter 修改 type
typescript之神奇的infer - 推断任何你想知道的类型
yanxiaomu的博客
08-04 426
typescript之神奇的infer - 推断任何你想知道的类型
TypeScript 使用 infer 实现类型推断
weixin_43487782的博客
08-16 1128
首先从一个问题引入，我们怎样拿到下面 Promise 内部包裹的类型呢？ function request(req: string): Promise<string> { return new Promise(resolve => setTimeout(() => resolve(req), 3000)) } 很多同学上来就用 typeof 和 ReturnType 一把梭哈： type Request = typeof request; // type Request =
在TypeScript中使用infer来解包嵌套类型
文本魔术
01-26 487
最近在做一个项目时，我发现了一些有趣的东西：TypeScript的infer关键字可以推断出很多东西，它提供了一种更直接的方式来实现对嵌套类型的解包。
25.【TypeScript 教程】infer 关键字
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
01-23 572
通过 ReturnType 可以得到函数 add() 的返回值类型为 number 类型。但要注意不要滥用这个工具类型，应尽量多的手动标注函数返回值类型。关键字来推断类型，可以实现一些比如联合类型转交叉类型、联合类型转元组的操作，有兴趣的可以了解一下。infer 相对比较难理解，我们先看下 TypeScript 一个内置工具类型。来声明了一个变量，那怎样声明一个不确定的类型变量呢？，TypeScript 推断出函数的返回值，并借助。关键字来声明一个待推断的类型变量。在条件类型表达式中，可以在。
typescript的infer
07-27
`infer` 是 TypeScript 中的一个关键字，用于在条件类型中推断类型变量。它通常与`extends`关键字一起使用。 在 TypeScript 中，我们可以通过条件类型来根据某个类型的特性来推断出另一个类型。`infer` 关键字用于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值