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

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

知识运用:


  1. 在条件类型中进行类型推断
  2. 泛型约束


题目分析:


题目地址:189-easy-awaitedimage.png我们在使用Promise时往往可以通过泛型来约束最后返回时的对象类型,我们这道题就需要设计一个类型工具来得到Promise返回的这个类型。


题目解答:


测试用例:

  1. 约束传入的类型一定是一个Promise对象,当传入非Promise对象时将抛出错误。
  2. 当我们传入Promise对象时将返回对应T的类型。
  3. 注意的是当Promise传入的类型依旧是Promise时需要进行递归处理。
/* _____________ 测试用例 _____________ */
import { Equal, Expect } from '@type-challenges/utils'
type X = Promise<string>
type Y = Promise<{ field: number }>
type Z = Promise<Promise<string | number>>
type cases = [
  Expect<Equal<MyAwaited<X>, string>>,
  Expect<Equal<MyAwaited<Y>, { field: number }>>,
  Expect<Equal<MyAwaited<Z>, string | number>>,
]
// @ts-expect-error
type error = MyAwaited<number>
复制代码


答案及解析:

  1. 首要我们要通过泛型来约束传入类型为Promise类型
  2. 通过infer来定义 Res用来提取Promise泛型中的类型,下面为类型推断示例:
type Flatten<Type> = Type extends Array<infer Item> ? Item : Type;
复制代码
  1. 当我们需要递归时就需要判断Res是否依旧为Promise类型,符合的话用我们设计的MyAwaited来执行。
/* _____________ 答案 _____________ */
// 当不需要递归满足测试用例
type MyAwaited<T extends Promise<any>> = T extends Promise<infer Res> ? Res : T;
// 当需要递归满足测试用例
type MyAwaited<T extends Promise<any>> = T extends Promise<infer Res>
  ? Res extends Promise<any>
    ? MyAwaited<Res>
    : Res
  : T;
复制代码


去演练场验证答案



相关文章
|
9月前
|
算法 程序员 测试技术
【专栏】编码之道在于平衡简洁与高效,不断学习以提升技能,创造优秀软件
【4月更文挑战第27天】本文探讨软件工程中的编码最佳实践,强调简洁代码的诗歌之美,遵循DRY原则,使用清晰命名及合理模块划分。追求高效性涉及算法选择、资源优化及并发编程。在快速变化的技术环境,程序员需持续学习新语言、框架和趋势,以保持竞争力。编码之道在于平衡简洁与高效,不断学习以提升技能,创造优秀软件。
80 4
|
算法 安全 程序员
分享刷题的个人经验!!!(特别高效)
分享刷题的个人经验!!!(特别高效)
108 0
|
Web App开发 人工智能 自然语言处理
ChatGPT会对我们日常生活带来什么影响?这些技术会改变我们学习阅读工作方式吗?
ChatGPT会对我们日常生活带来什么影响?这些技术会改变我们学习阅读工作方式吗?
ChatGPT会对我们日常生活带来什么影响?这些技术会改变我们学习阅读工作方式吗?
|
监控 安全 项目管理
如何写一个优质高效的网络项目实施方案?这篇文章值得收藏!
如何写一个优质高效的网络项目实施方案?这篇文章值得收藏!
341 0
|
测试技术
【类型挑战】If,难度⭐️
【类型挑战】If,难度⭐️
119 0
【类型挑战】If,难度⭐️
|
测试技术
【类型挑战】Push,难度⭐️
【类型挑战】Push,难度⭐️
140 0
【类型挑战】Push,难度⭐️
|
测试技术 索引
【类型挑战】实现 Omit,难度⭐️⭐️
【类型挑战】实现 Omit,难度⭐️⭐️
261 0
【类型挑战】实现 Omit,难度⭐️⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】Concat,难度⭐️
【类型挑战】Concat,难度⭐️
153 0
【类型挑战】Concat,难度⭐️
|
测试技术 索引
【类型挑战】实现 Readonly,难度⭐️
【类型挑战】实现 Readonly,难度⭐️
196 0
【类型挑战】实现 Readonly,难度⭐️
|
测试技术
【类型挑战】Unshift,难度⭐️
【类型挑战】Unshift,难度⭐️
121 0
【类型挑战】Unshift,难度⭐️