TS类型体操-简单-02-实现Readonly

问题描述

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

实现

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

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

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

TS内置实现

Readonly< T > 是 TypeScript 内置的一个工具类型（Utility Type），用于将类型 T 中的所有属性设置为只读，从而创建一个新的只读类型。
使用 Readonly< T > 可以将对象中的所有属性变为只读，防止对其进行修改。它接受一个参数：

• T：指定要设置为只读的类型

interface Person {
  name: string;
  age: number;
}

type ReadonlyPerson = Readonly<Person>;

const person: ReadonlyPerson = {
  name: "Alice",
  age: 25,
};

person.name = "Bob"; // 编译错误，无法修改只读属性

console.log(person); // 输出：{ name: 'Alice', age: 25 }