7-实现Readonly

题目描述

不要使用内置的 Readonly<T>，自己实现一个。

该 Readonly 会接收一个 泛型参数，并返回一个完全一样的类型，只是所有属性都会被 readonly 所修饰。

也就是不可以再对该对象的属性赋值。

例如：

interface Todo {
  title: string;
  description: string;
}

const todo: MyReadonly<Todo> = {
  title: 'Hey',
  description: 'foobar',
};

todo.title = 'Hello'; // Error: cannot reassign a readonly property
todo.description = 'barFoo'; // Error: cannot reassign a readonly property

分析

这一题，本质也是对对象类型进行遍历，然后为每一个属性增加 readonly 的修饰符即可，遍历非常简单，而要添加修饰符在 js 中是没有的，可以查看官网的说明 Mapping Modifiers (opens new window)。

只需要在遍历的时候为每一个属性增加只读修饰符即可，按照官网的文档操作即可

type MyReadonly<T> = {
  readonly [P in keyof T]: T[P];
};

题解

type MyReadonly<T> = {
  readonly [P in keyof T]: T[P];
};

这一题非常简单，只需要了解 ts 提供的修改修饰符的方法，并且知晓了 对象类型的遍历，即可做出此题。

知识点

1. [P in keyof T] 遍历 对象类型(数组也是对象)
2. readonly 增加修饰符即可