【类型挑战】获取函数返回类型,难度⭐️⭐️

简介: 【类型挑战】获取函数返回类型,难度⭐️⭐️

知识运用:


  1. 认识什么是returntypetype


题目分析:


题目地址:2-medium-return-typeimage.png如上图所示,我们需要设计一个通用了类型工具还提取函数类型的返回类型,功能同内置的ReturnType。


题目解答:


测试用例:

给出的测试用例挺多但是没有特殊需要说明的,我们只需要通过设计的类型工具取出到通过Equal来进行比较即可。

/* _____________ 测试用例 _____________ */
import { Equal, Expect } from '@type-challenges/utils'
type cases = [
  Expect<Equal<string, MyReturnType<() => string>>>,
  Expect<Equal<123, MyReturnType<() => 123>>>,
  Expect<Equal<ComplexObject, MyReturnType<() => ComplexObject>>>,
  Expect<Equal<Promise<boolean>, MyReturnType<() => Promise<boolean>>>>,
  Expect<Equal<() => 'foo', MyReturnType<() => () => 'foo'>>>,
  Expect<Equal<1 | 2, MyReturnType<typeof fn>>>,
  Expect<Equal<1 | 2, MyReturnType<typeof fn1>>>,
]
type ComplexObject = {
  a: [12, 'foo']
  bar: 'hello'
  prev(): number
}
const fn = (v: boolean) => v ? 1 : 2
const fn1 = (v: boolean, w: any) => v ? 1 : 2
复制代码


答案及解析:

  1. 其实在上一题中我们已经提取到函数类型参数的类型了,我们这次修改为提取返回值的类型即可,我们此次传入的类型T可以使用泛型约束输入,也不可不用约束,因为我们还是会用到条件类型来进行判断。可以省去输入类型约束。
  2. 同样采用条件类型+infer来进行提取,将infet占位return的位置,用R来代替,如果T可分配到右侧则返回R,否则返回never;
/* _____________ 你的代码 _____________ */
type MyReturnType<T> = T extends (...args: any[]) => infer R ? R : never;
复制代码


去演练场验证答案



相关文章
|
4月前
|
存储 编译器 C语言
【C/C++ 函数返回的奥秘】深入探究C/C++函数返回:编译器如何处理返回值
【C/C++ 函数返回的奥秘】深入探究C/C++函数返回:编译器如何处理返回值
470 3
|
11月前
|
安全 Go
Go语言字典无限进化,实现可存任意类型值!
Go语言字典无限进化,实现可存任意类型值!
61 0
|
前端开发
前端工作总结98-判断数组里面是否有某个值
前端工作总结98-判断数组里面是否有某个值
94 0
|
测试技术 索引
【类型挑战】最后一个元素,难度⭐️⭐️
【类型挑战】最后一个元素,难度⭐️⭐️
110 0
【类型挑战】最后一个元素,难度⭐️⭐️
|
测试技术
【类型挑战】元组转换为对象,难度⭐️
【类型挑战】元组转换为对象,难度⭐️
237 0
【类型挑战】元组转换为对象,难度⭐️
|
测试技术 API
【类型挑战】元组转联合,难度⭐️⭐️
【类型挑战】元组转联合,难度⭐️⭐️
167 0
【类型挑战】元组转联合,难度⭐️⭐️
|
JavaScript 测试技术 索引
【类型挑战】第一个元素,难度⭐️
【类型挑战】第一个元素,难度⭐️
106 0
【类型挑战】第一个元素,难度⭐️
|
测试技术 索引
【类型挑战】获取元祖长度,难度⭐️
【类型挑战】获取元祖长度,难度⭐️
197 0
【类型挑战】获取元祖长度,难度⭐️
|
测试技术
【类型挑战】Readonly 2,难度⭐️⭐️
【类型挑战】Readonly 2,难度⭐️⭐️
142 0
【类型挑战】Readonly 2,难度⭐️⭐️
|
测试技术
【类型挑战】深度 Readonly,难度⭐️⭐️
【类型挑战】深度 Readonly,难度⭐️⭐️
298 0
【类型挑战】深度 Readonly,难度⭐️⭐️