TS内置的Readonly<T>

2024-01-08 22:02: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

解法:

type MyReadOnly<T> = {
   readonly [key in keyof T] : T[key]
}

文章来源:https://blog.csdn.net/content6/article/details/135465622
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。