ts重点学习96-映射类型笔记

最新推荐文章于 2024-09-01 23:06:50 发布

前端歌谣

最新推荐文章于 2024-09-01 23:06:50 发布

阅读量71

点赞数

文章标签：学习 servlet mybatis

本文链接：https://blog.csdn.net/qq_41632427/article/details/127061698

版权

歌谣-TS进阶教程专栏收录该内容

153 篇文章 11 订阅

订阅专栏

这篇博客深入探讨了TypeScript中的Readonly、Partial类型工具以及如何创建自定义类型操作。通过实例展示了如何将接口属性设置为只读或可选，并演示了如何通过类型操作符实现接口属性的添加与删除。

摘要由CSDN通过智能技术生成

export default {}

// 旧的接口
interface IPerson {
  name: string;
  age: number;
}


// 只读
type ReadonlyTest<T> = {
  // 遍历指定类型所有的key,并添加到当前类型上
  // obj = {a: 1}  obj[a]
  readonly [P in keyof T]: T[P]
}
// type res = ReadonlyTest<IPerson>

// 可选
type PartialTest<T> = {
  [P in keyof T]?: T[P]
}

// type res = PartialTest<IPerson>


// 通过 + - 指定添加或者删除
interface IPerson2 {
  readonly name?: string;
  readonly age?: number;
}

type Test<T> = {
  -readonly [P in keyof T]-?: T[P]
}

type res = Test<IPerson2>


// Readonly / Partial
interface IPerson3 {
  name: string;
  age: number;
}
type res1 = Readonly<IPerson3>
type res2 = Partial<IPerson3>