题目描述

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

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

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

例如：

  1. interface Todo {
  2.   title: string
  3.   description: string
  4. }
  6. const todo: MyReadonly<Todo> = {
  7.   title: "Hey",
  8.   description: "foobar"
  9. }
  11. todo.title = "Hello" // Error: cannot reassign a readonly property
  12. todo.description = "barFoo" // Error: cannot reassign a readonly property

题目解答

Readonly 与 Pick 类似，通常在需要声明基于另一种类型的类型时使用。生成的类型的第一层的值是只读的。

与 Pick 一样，我们需要使用映射类型来遍历对象：

  1. type MappedType<T> = {
  2.   [Key in keyof T]: T[Key];
  3. };
  • keyof T用于从对象类型T中获取键值 key；
  • in用于对对象键值key进行迭代；
  • Key 就是对象键值 key 本身；
  • T[Key]是指定 Key 的值；

**为了使对象的第一层属性不可变，我们需要使用 readonly 修饰符：

  1. type MyReadonly<T> = {
  2.   readonly [Key in keyof T]: T[Key];
  3. }

image.png