【类型挑战】深度 Readonly，难度⭐️⭐️
Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～
知识运用：
- 基础对象Readonly处理。
- 递归在类型编程中的运用。
- 如果类型的内容是函数类型，那么keyof得到的事never类型。题目分析： 题目地址：9-medium-deep-readonly
如上图所示，我们需要设计一个通用的类型工具可以将一个深度嵌套的对象的key全部处理成readonly。
题目解答：
测试用例：
测试用例比较简单，我们来看答案解析吧。
/* _____________ 测试用例 _____________ */
import type { Equal, Expect } from '@type-challenges/utils'
type cases = [
Expect<Equal<DeepReadonly<X>, Expected>>,
]
type X = {
a: () => 22
b: string
c: {
d: boolean
e: {
g: {
h: {
i: true
j: 'string'
}
k: 'hello'
}
l: [
'hi',
{
m: ['hey']
},
]
}
}
}
type Expected = {
readonly a: () => 22
readonly b: string
readonly c: {
readonly d: boolean
readonly e: {
readonly g: {
readonly h: {
readonly i: true
readonly j: 'string'
}
readonly k: 'hello'
}
readonly l: readonly [
'hi',
{
readonly m: readonly ['hey']
},
]
}
}
}
复制代码答案及解析：
- 输入类型这个就不错过多的限制了，接收T即可。
- 实现我们最基础的：
{ readonly [k in keyof T]: T[k] }； - 当T[key]可能是对象类型，所以还是使用DeepReadonly递归处理
{ readonly [k in keyof T]: DeepReadonly<T[k]> }； - 我们还需要对T的每个key进行限制，限制key不能是never类型的才需要只读处理。
type DeepReadonly<T> = keyof T extends never ? T : {readonly [k in keyof T]: DeepReadonly<T[k]>};
复制代码接下来的一题是：【类型挑战】元组转联合，难度⭐️⭐️
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-04-19，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
