zl程序教程

您现在的位置是:首页 >  Java

当前栏目

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

2023-02-18 16:41:24 时间

Dear,大家好,我是“前端小鑫同学”,?长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~

知识运用:

  1. 认识什么parameterstype和其作用;题目分析: 题目地址:3312-easy-parameters

的作用就是获取一个函数的参数类型组成的元祖,接下来我们通过这道题来详细看一下。

题目解答:

测试用例:

本次的测试案例可以看出,我们需要考虑输入类型为内置类型,字面量类型和未传入类型的情况,测试用例同样使用到了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;
复制代码

去演练场验证答案

接下来的一题是:【类型挑战】获取函数返回类型,难度⭐️⭐️