对象属性只读

约 288 字小于 1 分钟

2022-11-30

题目

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

泛型 Readonly<T> 会接收一个 泛型参数 ，并返回一个完全一样的类型，只是所有属性都会是只读 (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]
}

验证

interface Todo {
  title
: string
  description
: string
}

interface TodoReadonly {
  readonly title
: string
  readonly description
: string
}

type test
 = Expect
<Equal
<MyReadonly
<Todo>, TodoReadonly>>

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

todo
.title = 'Hello'Cannot assign to 'title' because it is a read-only property.
todo
.description = 'barFoo'Cannot assign to 'description' because it is a read-only property.

参考

映射类型 Mapped Types