Skip to main content

7 - 对象属性只读

Answer TestCases

不要使用内置的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

Solution

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

通过映射类型, 遍历 keyof T 给每个属性加上 readonly

Solution