函数形状有几种定义方式;操作符infer的作用

简介: 函数形状有几种定义方式;操作符infer的作用

在 TypeScript 中,函数形状可以用多种方式进行定义。下面介绍了几种常用的函数形状定义方式:

  1. 函数声明:
function add(a: number, b: number): number {
    return a + b;
}
  • 在函数声明中,我们直接使用 function 关键字来声明函数,并指定参数的类型和返回值的类型。
  • 函数表达式:
const subtract = function(a: number, b: number): number {
    return a - b;
};
  • 使用函数表达式的方式,我们将一个匿名函数赋值给一个变量。在这种情况下,可以通过变量的类型推断来推导参数和返回值的类型,当然也可以显式地指定类型。
  • 箭头函数:
const multiply = (a: number, b: number): number => a * b;
  • 箭头函数是一种更简洁的函数表达式形式,通过箭头 => 分隔参数和函数体,并且可以省略 function 关键字和 return 关键字(当函数体只有一条返回语句时)。
  • 函数类型别名:
type Calculator = (a: number, b: number) => number;
const divide: Calculator = (a, b) => a / b;
  1. 我们可以使用类型别名来定义一个函数类型,将参数类型和返回值类型组合在一起。然后可以使用类型别名来声明具体的函数。

总结起来,函数形状可以通过函数声明、函数表达式、箭头函数和函数类型别名等方式进行定义。每种方式都有其自身的特点和适用场景,选择合适的方式取决于具体的需求和编码风格。

infer 是 TypeScript 中的一个关键字,它用于从类型中推断(infer)出其他类型。

在条件类型(Conditional Types)中,我们可以使用 infer 来引入一个类型参数,并根据条件对该类型参数进行推断。具体来说,infer 用于提取并推断出某个表达式中的类型,并将其作为新的类型参数使用。

下面是一个示例,展示了 infer 的使用:

type ReturnType<T> = T extends (...args: any[]) => infer R ? R : never;
function add(a: number, b: number): number {
    return a + b;
}
type AddReturnType = ReturnType<typeof add>; // 推断出 add 函数的返回值类型
console.log(typeof add); // function
console.log(typeof AddReturnType); // number

在上述示例中,我们定义了一个 ReturnType<T> 类型,它接受一个泛型参数 T,表示函数类型。通过使用条件类型和 infer R,我们在条件中判断 T 是否满足函数类型的要求。如果满足条件,那么 R 将被推断为函数的返回值类型。最终,ReturnType<T> 类型将被定义为函数的返回值类型。

通过调用 typeof 运算符,我们可以看到 add 的类型为 function,而 AddReturnType 的类型为 number,这是因为 ReturnType<typeof add> 推断出了 add 函数的返回值类型。

总结起来,infer 关键字在 TypeScript 中用于从类型中推断出其他类型,主要用于条件类型中。它允许我们在条件类型中提取和使用表达式中的类型,并将其作为新的类型参数

相关文章
|
消息中间件 Java 数据库连接
JMS 消息队列接口基本使用指南
JMS 消息队列接口基本使用指南
952 0
Encountered &amp;lt;/#list&amp;gt;, but was expecting one of
版权声明:本文为 testcs_dn(微wx笑) 原创文章,非商用自由转载-保持署名-注明出处,谢谢。 https://blog.csdn.net/testcs_dn/article/details/81001864 freemarker.
3517 0
|
缓存 NoSQL 数据库
优酷投票系统设计和重构
     介绍优酷投票系统,承载了优酷暑假战役、寒假战役、双十一促销,以及平时各自营销套路活动,系统设计相对合理,实现一塌糊涂,有代码为证(参考:列举一些神奇的代码)。重构的理由:代码僵化,难以改动,新增一个字段改动多出代码代码脆弱,改动会出现意想不到的情况,改一个bug引发无数bug代码晦涩,代码难以阅读理解,多位前任改bug的代码实现套娃式的修复投票系统的设计基础名词:投票活动,投票渠道,投票
837 0
优酷投票系统设计和重构
|
安全 自动驾驶 物联网
5G技术概览:开启万物互联新时代
【10月更文挑战第23天】
502 1
|
数据采集 存储 人工智能
cdga|数据治理:应对核心业务数据质量参差不齐的挑战与策略
数据治理是指通过制定并实施一系列政策、流程和技术手段,确保数据的可用性、完整性、准确性和安全性,以支持企业的决策和业务运营。对于核心业务数据质量参差不齐的问题,数据治理的重要性不言而喻
|
存储 JSON 分布式计算
DataWorks操作报错合集之在处理元数据存储时发生报错:ODPS-0010000,该如何处理
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
项目管理 智能硬件 测试技术
带你读《天猫精灵:如何在互联网公司做硬件》——天猫精灵发展史
带你读《天猫精灵:如何在互联网公司做硬件》——天猫精灵发展史
带你读《天猫精灵:如何在互联网公司做硬件》——天猫精灵发展史
|
编译器 C语言 C++
编译器报错:qsort函数对-2147483648、2147483648溢出报错
编译器报错:qsort函数对-2147483648、2147483648溢出报错
355 0
|
JavaScript 小程序
JS控制input输入特殊字符
JS控制input输入特殊字符
221 0
|
Java Maven 流计算
请问Flink1.13.3和FlinkCDC2.4.1的guava冲突怎么解决
请问Flink1.13.3和FlinkCDC2.4.1的guava冲突怎么解决
272 0