问题描述

type复用时, 需要合并多个type, 合并时一个属性好几个type中有用到, 导致属性不唯一且类型也不相同, 使用&符号合并出来的属性类型为never,

//错误示例: 有冲突的合并
type type1 = {num: number
}
type type2 = {num: stringbool: string,str: string
}
type type3 = {num: boolean,bool: boolean,str: string
}
type GetMerge  = type1&type2&type3  //合并结果是never;  内部bool与num合并冲突

//正常合并示例: 无冲突的合并
type type2 = {num:string
}
type type3 = {bool: boolean,str: string
}
type GetMerge = type2&type3
//合并结果为
// {//   num:number,
//   bool:boolean,
//   str:string
// }

//目标结果, 无冲突正常合并, 有冲突则冲突属性变为联合类型,并且合并的类型个数动态, 即:合三个, 两个都可以 结果如下
type type1 = {num: number
}
type type2 = {num:string
}
type type3 = {num: boolean,bool: boolean,str: string
}
//合并结果为
// {//   num:string|number|boolean,
//   bool:boolean,
//   str:string
// }

解决方案：

使用infer递归, 和数组实现不限个数, 冲突动态合并的效果, 代码实例如下

type type1 = {num: number
}
type type2 = {num:string
}
type type3 = {num: boolean,bool: boolean,str: string
}//下面为实现部分//读取key值
type KeyofType<T> = keyof T
//读取值, P为keyof出来的key值
type GetType<T,P> = P extends KeyofType<T> ? T[P]:never
//结果类似 keyof type1 | keyof type2 | keyof type3
type MergeKeyType<T extends Array<any>> = T extends [infer X,...infer Rect]? KeyofType<X>|MergeKeyType<Rect>:never
//结果类似(P extends keyof type1 ? type1[P]:never)|(P extends keyof type2 ? type2[P]:never), 例:P等于num,则结果为number|string|boolean
type MergeValueType<T extends Array<any>,P> = T extends [infer X,...infer Rect]? GetType<X,P>|MergeValueType<Rect,P>:never
//合并整个值
type GetMerge<T extends Array<any>> = {[P in MergeKeyType<T>]:MergeValueType<T,P>
}type ff = GetMerge<[type1,type2,type3]>  //调用合并, 数组内部合并对象可以动态个数例如[type1,type2]
// 合并结果为
// {//   num:string|number|boolean,
//   bool:string|boolean,
//   str:string
// }const cc:ff = {  //实例bool: true,str: "23232",num: 123
}

ts多个type合并, 属性不唯一合并冲突问题相关推荐

input[type=file]属性
title: input[type=file]属性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei&q ...
arcgis 属性表汇总_ArcGIS实践教程（19）ArcGIS/ArcMap中属性表的合并方法
merge: 功能一:可以联合一般的属性表,合并属性或者说挂接属性! 例如:县polygon,只有name属性,现在需要添加他的邮编.区号.人口.面积.代码等等信息,现在搜集到了这些信息,并且放到一 ...
js 加总数组中某一列_js根据对象数组中某一属性值，合并相同项，并对某一属性累加处理...
js根据对象数组中某一属性值,合并相同项,并对某一属性累加处理 Example: 根据code合并数组,并将sl值累加,如下两种方法: let data = [{ code: 1001, name: ...
利用CSS边框合并属性打造table细边框
CSS代码: <style> table{border-collapse: collapse;/* 边框合并属性 */width:200px; } th{border: 1px solid ...
argument type mismatch 属性参数不匹配
argument type mismatch 属性参数不匹配 mapper映射文件中javaType里面的类型要和实体类一样,
【干货】html表格的跨行合并与跨列合并
在HTML中经常会用到表格,但由于我们想要的表格总是需要不规则的.而表格的合并常常会经常用到,今天我们来看一下表格的合并. 首先我们要了解一下合并的步骤先确认是跨行合并还是跨列合并根据单元格先上后 ...
php 合并数组对象,JS内数组合并方法与对象合并实现步骤详解
这次给大家带来JS内数组合并方法与对象合并实现步骤详解,JS内数组合并方法与对象合并实现的注意事项有哪些,下面就是实战案例,一起来看一下. 1 数组合并 1.1 concat 方法var a=[1,2 ...
mysql 分区合并_mysql中的合并表和分区表详解（经常使用的概念）
分区表是mysql5.1之后的新特性,合并表已经存在很长时间了.这篇文章主要介绍这两个概念以及他们基本的操作. 一.合并表合并表说实话是一种将要被淘汰的技术,但是掌握了合并表的概念再去看分区表就比较 ...
栅栏布局合并html,arcgis栅格数据合并 arcgis栅格图像拼接步骤
arcgis中怎么把两个栅格图像合并在一起栅格数据合并: 打开数据管理工具打开栅格打开栅格数据集双击镶嵌至新栅格栅格剪切可以用裁剪: 1.数据管理工具 2.栅格 3.栅格处理 4.裁 ...

ts多个type合并, 属性不唯一合并冲突问题

问题描述

解决方案：

ts多个type合并, 属性不唯一合并冲突问题相关推荐

最新文章

热门文章