此页内容

约 220 字小于 1 分钟

2022-11-30

题目

Github: 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 修饰符。

在这里,直接使用 映射类型 ,对该类型的每个属性,获取它的键并为其添加 readonly 修饰符

答案

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

参考