个人主页：不叫猫先生
‍♂️ 作者简介：2022年度博客之星前端领域TOP 2，前端领域优质作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！
优质专栏：vue3从入门到精通、TypeScript从入门到实践
资料领取：前端进阶资料以及文中源码可以找我免费领取
前端学习交流：博主建立了一个前端交流群，汇集了各路大神，一起交流学习，期待你的加入！(文末有我wx或者私信)。

目录

• 专栏介绍
• 前沿
• 一、把对象类型的指定key变成可选
• • 1.实现用到的ts基础
  • • 2.代码实现
    • 2.1 PartialByKeys
    • 2.2 Pick<T, Exclude>
• 二、实现属性必填
• • 1.代码实现

专栏介绍

TypeScript从入门到实践专栏是博主在学习和工作过程中的总结，内容会不断进行精进，欢迎订阅哦，学会TS不迷路。

前沿

TS中实现对象属性必选、对象属性在开发过程中十分常见，前端在传参数时，有些参数比必传，有些是选传，我们可以定一个多个对象来实现传参，但是这让代码变得冗余。我们可以通过TS定义数据类型来实现。

一、把对象类型的指定key变成可选

1.实现用到的ts基础

• keyof T
  生成新的类型，也就是联合字面量类型，组成的字面量类型是T的属性名称所组成的。

• Pick
  从定义的类型中指定一组属性生成新的类型

• in
  遍历枚举类型，可跟keyof一起使用做类型转换

 type A = {name:string,age:number } type changeA<T> = { [K in keyof T]:string } let resultType:changeA<A> = {name:'zhangsan',age:'11' }

• Exclude
  从联合类型UnionType中排除一个类型ExcludedMembers

2.代码实现

type PartialByKeys<T, K extends keyof T> = {[P in K]?: T[P];} & Pick<T, Exclude<keyof T, K>>;type Simplity<T> = { [P in keyof T]: T[P] }type Info = {name: string,id: number,age: numberclass: string}type resultType = Simplity<PartialByKeys<Info, 'id'|'name'>>

resultType数据类型如下：

2.1 PartialByKeys

首先看PartialByKeys，实现了可选属性，可选属性实现使用了" />
用问号设置可选只读，-号可以移除可选和只读readonly，所以将可选的属性进行传参。
实现思路具体如下：

• 去除可选属性得到新的对象类型（必填属性对象）
• 抽取出除去必填的属性生成新的代谢（可选属性对象）
• 交叉合并

RequiredByKeys<T, K extends keyof T> = {[P in K]-?: T[P];

上面代码得到结果是：

{   name:string,   id:number}

接下来看这个：

Pick<T, Exclude<keyof T, K>>;

得到结果如下：

{   age:number,   class:string}

最后合并得到最终结果