【类型挑战】Parameters,难度⭐️

简介: 【类型挑战】Parameters,难度⭐️

知识运用:


  1. 认识什么parameterstype和其作用;


题目分析:


题目地址:3312-easy-parametersimage.pngParameters的作用就是获取一个函数的参数类型组成的元祖,接下来我们通过这道题来详细看一下。


题目解答:


测试用例:

本次的测试案例可以看出,我们需要考虑输入类型为内置类型,字面量类型和未传入类型的情况,测试用例同样使用到了typeof来讲js世界申明的变量转换为类型世界的类型。

/* _____________ 测试用例 _____________ */
import { Equal, Expect, ExpectFalse, NotEqual } from '@type-challenges/utils'
const foo = (arg1: string, arg2: number): void => {}
const bar = (arg1: boolean, arg2: {a: 'A'}): void => {}
const baz = (): void => {}
type cases = [
  Expect<Equal<MyParameters<typeof foo>, [string, number]>>,
  Expect<Equal<MyParameters<typeof bar>, [boolean, {a: 'A'}]>>,
  Expect<Equal<MyParameters<typeof baz>, []>>,
]
复制代码


答案及解析:

  1. 答案默认给定了我们的左侧部分,并已通过泛型约束了传入类型为函数类型,函数类型的参数支持任意类型,我们负责将这个参数类型提取后返回。
  2. 提到提取类型我们就要联想到infer关键字,在使用infer关键字提取类型时往往搭配条件类型来做。
  3. 所以说当我们的T符合一个传入的函数类型时我们就用infer来申明一个P并且返回,反之返回nerver,最终解答这道题。
/* _____________ 你的代码 _____________ */
type MyParameters<T extends (...args: any[]) => any> = T extends (...args: infer P) => any ? P : never;
复制代码


去演练场验证答案



相关文章
ts重点学习102-自动类型推论笔记
ts重点学习102-自动类型推论笔记
88 0
|
测试技术 索引
【类型挑战】Includes,难度⭐️
【类型挑战】Includes,难度⭐️
136 0
【类型挑战】Includes,难度⭐️
|
测试技术 索引
【类型挑战】实现 Readonly,难度⭐️
【类型挑战】实现 Readonly,难度⭐️
162 0
【类型挑战】实现 Readonly,难度⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】Concat,难度⭐️
【类型挑战】Concat,难度⭐️
122 0
【类型挑战】Concat,难度⭐️
|
测试技术
【类型挑战】Exclude,难度⭐️
【类型挑战】Exclude,难度⭐️
118 0
【类型挑战】Exclude,难度⭐️
|
测试技术 索引
【类型挑战】实现 Pick,难度⭐️
【类型挑战】实现 Pick,难度⭐️
122 0
【类型挑战】实现 Pick,难度⭐️
|
测试技术
【类型挑战】Push,难度⭐️
【类型挑战】Push,难度⭐️
112 0
【类型挑战】Push,难度⭐️
|
测试技术
【类型挑战】If,难度⭐️
【类型挑战】If,难度⭐️
95 0
【类型挑战】If,难度⭐️
|
前端开发 测试技术
【类型挑战】Awaited,难度⭐️
【类型挑战】Awaited,难度⭐️
106 0
【类型挑战】Awaited,难度⭐️
|
测试技术
【类型挑战】深度 Readonly,难度⭐️⭐️
【类型挑战】深度 Readonly,难度⭐️⭐️
276 0
【类型挑战】深度 Readonly,难度⭐️⭐️

热门文章

最新文章