ts泛型工具函数

TS的泛型语法糖工具函数

partial 将所有持有属性变为可选

interface data {
  title: String,
  desc: String,
  say?: String
}

const testPartial = (dataOne: data, dataTwo: Partial<data>) => {
  return {...dataOne, ...dataTwo}
}
console.log(testPartial({title: '测试1', desc: '描述1'}, {desc: '我只需要传入一个'}))

Required 与partial相反 将可选属性变为必选

const testRequired = (dataOne: data, dataTwo: Required<data>) => {
  return {...dataOne, ...dataTwo}
}
console.log(testRequired({title: '测试1', desc: '描述1'}, {title: '测试2',  desc: '我只需要传三个', say: '我在测试Required'}))

Readonly 所有属性只读

const testReadonly = (dataOne: data, dataTwo: Readonly<data>) => {
  return {...dataOne, ...dataTwo}
}
console.log(testReadonly({title: '测试1', desc: '描述1'}, {title: '测试2',  desc: '我是只读', say: '我在测试Readonly'}))

Record<keys, type> keys 代表键的类型 type代表值的类型

interface recordFace {
  title: String
}
type keyValue = 'home' | 'about' | 'contact'
// type keyValue = string  key只要是string就行
const testRecord: Record<keyValue, recordFace[]> = {
  about: [{ title: 'about'}],
  home: [{ title: 'home'}],
  contact: [{ title: 'contact'}]
}

Omit<type, key> 从type仲移除key对应的属性

interface testOmit{
  title: String,
  desc: String
}
// type 定义类型
type testOmit2 = Omit<testOmit, 'desc'>
const todoOmit: testOmit2 = {
  title: '我又来测试了',
}

Exclude<Type, ExcludedUnion> 在type中删除ExcludedUnion 取不同部分
Extract <Type, Union> 生成交集 取相同部分

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:1024 设计师:我叫白小胖 返回首页
评论

打赏作者

qq_43634075

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值