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

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第13天,点击查看活动详情

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


知识运用:

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

题目分析:

题目地址:3312-easy-parameters image.png 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;

去演练场验证答案

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


欢迎关注我的公众号“前端小鑫同学”,原创技术文章第一时间推送。

posted @   前端小鑫同学  阅读(7)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示