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

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


知识运用:

  1. Exclude将从联合类型中排除特定的类型后输出剩余联合类型
  2. 条件类型运用
  3. 分布式条件类型运用

    题目分析:

    题目地址:43-easy-exclude
    image.png
    如上图所示我们需要设计一个与内置Exclude功能一致的类型工具,从已知的联合类型中排除指定类型后将剩余类型返回。

    题目解答:

    测试用例:

    ```typescript / _ 测试用例 _ / import { Equal, Expect } from ‘@type-challenges/utils’

type cases = [ Expect, Exclude<”a” | “b” | “c”, “a”>>>, Expect, Exclude<”a” | “b” | “c”, “a” | “b”>>>, Expect void), Function>, Exclude void), Function>>>, ]

  1. <a name="EEbSK"></a>
  2. #### 答案与解析:
  3. 1. 我们需要从一组联合类型中得到排除后的类型,考虑到有条件的存在那我们就需要使用到Ts类型编程关于条件的处理(Conditional Types)
  4. 1. 语法示例:SomeType extends OtherType ? TrueType : FalseType;
  5. 1. 解释说明:当SomeType类型可以分配给OtherType时得到TrueType,反之得到FalseType,这里注意关键动词为分配,区别于原来条件的理解。
  6. 2. 这道题运用到了条件类型中的分布式条件类型,使得可以支持联合类型,如文档示例,可以将我们传入的联合类型分别处理成对应的数组类型并联合后返回给我们
  7. 1. type ToArray = Type extends any ? Type[] : never;
  8. 1. type StrArrOrNumArr = ToArray<string | number>;
  9. 3. 当我们的T中的联合类型可以分配个需要排除的类型U的情况下就直接返回never,表示永不可达,反之则返回类型。
  10. ```typescript
  11. /* _____________ 答案 _____________ */
  12. type MyExclude<T, U> = T extends U ? never : T;

去演练场验证答案

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


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