TypeScript 映射类型

本文详细介绍了TypeScript的映射类型,包括Product、MyReadOnly、MyOptional、MyNullable、MyWritable和MyNecessary等类型,展示了如何通过泛型创建新类型,使属性变为只读、可选、可为null、可写以及必要等特性。
摘要由CSDN通过智能技术生成

ts 映射类型

  • Product 类型
  • MyReadOnly 类型
  • MyOptional 类型
  • MyNullable 类型
  • MyWritable 类型
  • MyNecessary 类型

映射类型是指基于现有类型产生新的类型
通过遍历语法拷贝原有类型 在拷贝类型的基础上进行修改从而产生新的类型

如何拷贝原有类型?
拷贝原有类型主要拷贝的是两部分 原有类型中有哪些属性 属性的值是什么类型?

interface Product {
   
	name: string;
	price: number;
}

type NProduct = {
   
	// 如何拷贝原有类型中的属性
	// keyof Product => name | price
	// k in (name | price)
	// name
	// price

	// 如何获取属性(name, price) 值原有的类型
	// 类型[属性名称] 得到的结果就是属性值得类型
	// Product[K] => Product[name] => string
	// Product[K] => Product[price] => number
	
	[k in keyof Product]: Product[k];
}

Product 类型

目标:基于 Product 类型,创建新类型,新类型中的属性都是只读的。

interface Product {
   
	name: string;
	price: nu
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值