Readonly 2

题目

实现一个通用MyReadonly2<T, K>，它带有两种类型的参数T和K。

K指定应设置为Readonly的T的属性集。如果未提供K，则应使所有属性都变为只读，就像普通的Readonly<T>一样。

例如

interface Todo {
  title: string
  description: string
  completed: boolean
}

const todo: MyReadonly2<Todo, 'title' | 'description'> = {
  title: "Hey",
  description: "foobar",
  completed: false,
}

todo.title = "Hello" // Error: cannot reassign a readonly property
todo.description = "barFoo" // Error: cannot reassign a readonly property
todo.completed = true // OK

题目来源：https://tsch.js.org/8/zh-CN

解答

type MyReadonly2<T, K extends keyof T = keyof T> = {
  readonly [P in keyof T] : T[P]
} & {
  [P in keyof T as Exclude<P, K>]: T[P]
}

caution

使用TypeScript4.1提供的新语法as子句，可以对遍历的输入值进行处理。

第一步，先将T中所有key，全部转换成readonly。
第二步，将T与K的差集中的key, 转换成非readonly。
第三步，使用交叉类型&进行操作覆盖。