🐛 解决打包报错

Author: exploitationExplorers

docs/challenges/easy/index.md

@@ -1,99 +1,53 @@
-# 简单难度挑战
-
-这些挑战适合TypeScript初学者，帮助你理解TypeScript的基本类型系统概念。
-
-## 挑战列表
-
-### 1. Pick<T, K>
-
-**要求**：实现 TypeScript 的 `Pick<T, K>` 工具类型。
-
-**例子**：
-```typescript
-interface Todo {
-  title: string
-  description: string
-  completed: boolean
-}
+---
+title: 实现Readonly
+---
 
-type TodoPreview = MyPick<Todo, 'title' | 'completed'>
-// 应该等于: { title: string; completed: boolean }
-```
+# {{ $frontmatter.title }}
 
-**解决方案**：
-```typescript
-type MyPick<T, K extends keyof T> = {
-  [P in K]: T[P]
-}
-```
+## 题目描述
 
-**解释**：
-- `K extends keyof T` 确保 K 中的每个键都存在于 T 中
-- `[P in K]` 遍历 K 类型中的所有属性
-- `T[P]` 通过索引访问获取 T 中对应属性的类型
+不要使用内置的 `Readonly<T>`，自己实现一个。
 
----
+该 `Readonly` 会接收一个 泛型参数，并返回一个完全一样的类型，只是所有属性都会被 `readonly` 所修饰。
 
-### 2. Readonly<T>
+也就是不可以再对该对象的属性赋值。
 
-**要求**：实现 TypeScript 的 `Readonly<T>` 工具类型。
+例如：
 
-**例子**：
-```typescript
+```ts
 interface Todo {
-  title: string
-  description: string
+  title: string;
+  description: string;
 }
 
 const todo: MyReadonly<Todo> = {
-  title: "Hey",
-  description: "foobar"
-}
+  title: 'Hey',
+  description: 'foobar',
+};
 
-todo.title = "Hello" // 错误: 无法分配到 'title' 因为它是只读属性
-todo.description = "barFoo" // 错误: 无法分配到 'description' 因为它是只读属性
+todo.title = 'Hello'; // Error: cannot reassign a readonly property
+todo.description = 'barFoo'; // Error: cannot reassign a readonly property
 ```
 
-**解决方案**：
-```typescript
-type MyReadonly<T> = {
-  readonly [P in keyof T]: T[P]
-}
-```
-
-**解释**：
-- `[P in keyof T]` 遍历 T 类型中的所有属性
-- `readonly` 修饰符使所有属性变为只读
-- `T[P]` 保持原有属性的类型不变
-
----
-
-### 3. Tuple to Object
-
-**要求**：给定一个元组类型，将它转换为对象类型，其属性键为元组元素的字面量类型，属性值为对应元素类型。
+## 分析
 
-**例子**：
-```typescript
-const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const
+这一题，本质也是对对象类型进行遍历，然后为每一个属性增加 `readonly` 的修饰符，只需要在遍历的时候为每一个属性增加只读修饰符。
 
-type Result = TupleToObject<typeof tuple>
-// 预期结果: { tesla: 'tesla', 'model 3': 'model 3', 'model X': 'model X', 'model Y': 'model Y' }
-```
-
-**解决方案**：
-```typescript
-type TupleToObject<T extends readonly any[]> = {
-  [P in T[number]]: P
-}
+```ts
+type MyReadonly<T> = {
+  readonly [P in keyof T]: T[P];
+};
 ```
 
-**解释**：
-- `T extends readonly any[]` 约束输入类型必须是只读元组/数组
-- `T[number]` 获取元组中所有元素的联合类型
-- `[P in T[number]]: P` 遍历这个联合类型，将每个元素作为键和值创建对象属性
+## 题解
 
----
+```ts
+type MyReadonly<T> = {
+  readonly [P in keyof T]: T[P];
+};
+```
 
-我们会不断添加更多简单难度的挑战，请定期查看更新！
+## 知识点
 
-[返回挑战列表](/challenges/)
+1. `[P in keyof T]` 遍历 对象类型(数组也是对象)
+2. `readonly` 增加修饰符即可