首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【类型挑战】If,难度⭐️

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

作者头像
前端小鑫同学
发布2022-12-26 10:41:14
发布2022-12-26 10:41:14
41100
代码可运行
举报
运行总次数:0
代码可运行

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

知识运用:

  1. 要求限制输入为指定类型时需要考虑到使用泛型进行约束
  2. 当需要进行类型选择判断的使用考虑使用条件类型; 题目分析: 题目地址:268-easy-if

如上图所示我们需要实现一个通用的类型工具,来实现if条件判断,当传入的第一个参数的结果为真则返回第二个参数的类型,反之返回第三个参数的类型 题目解答: 测试用例:

  1. 当输入第一个参数为真,则返回第二个参数类型‘a’;
  2. 当输入第一个参数为假,则返回第三个参数类型2;
  3. 当输入第一个参数类型非Boolean,则抛出错误。
代码语言:javascript
代码运行次数:0
运行
复制
/* _____________ 测试用例 _____________ */
import { Equal, Expect } from '@type-challenges/utils'

type cases = [
  Expect<Equal<If<true, 'a', 'b'>, 'a'>>,
  Expect<Equal<If<false, 'a', 2>, 2>>,
]

// @ts-expect-error
type error = If<null, 'a', 'b'>
复制代码
答案及解析:
  1. 首要保证我们输入的参数C的类型为boolean,这里使用泛型约束;
  2. T,F为任意类型,这个不做过多要求;
  3. 接下来提到判断就需要想到条件类型,关键词为extends,语法示例: T extends xxx ? 1 :2; ,当C extends true满足真的条件下返回类型T,反之返回类型F。
代码语言:javascript
代码运行次数:0
运行
复制
/* _____________ 答案 _____________ */

type If<C extends boolean, T, F> = C extends true ? T : F;
复制代码

接下来的一题是:【类型挑战】Concat,难度⭐️

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 知识运用:
    • 答案及解析:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档