typescript中的交叉类型

已于 2022-06-09 15:14:54 修改
阅读量527 收藏
点赞数
分类专栏： typescript 文章标签： 前端 typescript 学习
于 2022-04-06 09:32:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/poppy995/article/details/123982399
版权
交叉类型在TypeScript中用于组合多个类型，形成一个包含所有类型属性的对象。与接口继承相似，但当同名属性类型不兼容时，交叉类型不会报错，而接口继承则会。这种特性使得交叉类型在处理多种类型共存的场景下更为灵活。
摘要由CSDN通过智能技术生成

交叉类型

类似接口继承，用于组合多个类型为一个类型 - 常用于对象类型
新的类型 同事具备组合多个类型的所有属性

例子

interface Person1 {
   
    name: string
}
interface Contact {
   
    phone: number
}
type newAA = Person1 & Contact
let a: newAA
最低0.47元/天 解锁文章
我今年六岁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【TypeScript】TS交叉类型&联合类型（四）
编码世界
12-29 1万+
什么事交叉类型呢？简单来说就是通过`&`符号将多个类型进行合并成一个类型，然后用`type`来声明新生成的类型
【TypeScript】高级类型：如何快速读懂联合类型和交叉类型的含义？
吉帅振博客
08-11 248
我们介绍了基础类型、字面量类型、函数类型及接口类型等内容，它们都是单一、原子的类型元素。实际编程场景的示例所示，我们还需要通过组合/结合单一、原子类型构造更复杂的类型，以此描述更复杂的数据和结构——联合和交叉类型（Unions and Intersection Types）。联合和交叉类型赋予了 TypeScript 类型最基本的“编程”（运算）能力，学习和掌握联合和交叉类型后，可以培养我们抽离、复用公共类型的意识和能力。...
【TypeScript】TS交叉类型
2202_76106666的博客
10-30 207
交叉类型使用在上面的示例中，是Type1和Type2的交叉类型，它具有property1和property2两个属性。
typescript 交叉类型
过客如期的博客
04-10 643
1，交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性。
TypeScript中的交叉类型
凯凯凯凯凯凯凯凯
07-10 583
TypeScript中的交叉类型
10. TypeScript 交叉类型
舜岳的博客
11-08 768
TypeScript 交叉类型 1. 交叉类型(Intersection Types)是将多个类型合并为一个类型 interface Person1 { handsome: string, } interface Person2 { high: string, } type P1P2 = Person1 & Person2; let p: P1P2 = { handsome: '帅', high: '高' } 2. 交叉泛型 function mixin<T, K>(a: T,
TypeScript 交叉类型(intersection type)
letterTiger的博客
06-19 3148
在TS中和联合类型(union type)对应的还有交叉类型(intersection type)。 交叉类型的出现主要为了组合多个对象类型(object type)，因为相对于interface，object type没法继承，那么就可以通过union type来实现混合的目的，从而实现继承的功能。 type objtype1 = {a: string} type objtype2 = {b: string} type objtype = objtype1 & objtype2 function
TypeScript（五）交叉类型，联合类型，映射类型
chengcheng9876的博客
03-13 1088
TypeScript（五）交叉类型，联合类型，映射类型
TypeScript 交叉类型
最新发布
08-10
TypeScript 的交叉类型（Intersection Type）是一种允许您组合两个或更多类型的特性来创建一个新的类型。当你将两个或更多的类型合并在一起时，新类型将包含所有原类型中的公共属性和方法。例如，如果你有一个表示...
TypeScript基础知识（十）高级类型和工具类型
青轩桃李能几何，流光欺人忽蹉跎
08-07 370
它表示一个对象可以是多个类型中的任意一种类型。换句话说，联合类型可以被看作是多个类型的交集，满足其中一个类型即可。
TypeScript 交叉类型
weixin_42555053的博客
04-06 232
TypeScript交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性。 interface IPerson { id: string; age: number; } interface IWorker { companyId: string; } type IStaff = IPerson & IWorker; const staff: IStaff = { id: 'E1006', age: 33,
TypeScript--交叉类型
hsany330的专栏
08-19 288
交叉类型是将多个类型合并为一个类型。 这让我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性。 示例 interface Person { name: string age: number } interface Student { school: string } // ✅正确 const stu: Person & Student = { name: 'Tom', age: 23, school: 'Oxfo
18.【TypeScript 教程】交叉类型
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
01-18 508
本节起开始介绍 TypeScript 高级类型，依次是交叉类型、联合类型、类型别名、索引类型、映射类型、条件类型。本节介绍交叉类型的语法和应用，跟数学集合里的相交不一样，TypeScript 的交叉类型并不是指每个类型的交集，的意思理解成andA & B表示同时包含A和B的结果。
Typescript的交叉类型的具体使用方式和示例教程
YunWisdom
07-04 707
此外，还有很多在线教程和博客文章可以帮助你更好地理解和使用交叉类型。教程： 如果你想更深入地了解交叉类型，我建议你阅读Typescript官方文档中有关交叉类型的章节，里面包含了更多详细的说明和示例。交叉类型是Typescript中一种非常有用的类型操作符，它允许我们将多个类型合并为一个新的类型。使用方式： 交叉类型使用"&"符号来表示，将两个或多个类型进行合并。，分别表示一个人和一个员工的信息。我们可以使用交叉类型将它们合并成一个新的类型。类型的属性（name和age），也有。
TypeScript 中的交叉类型
文摘资讯
11-05 173
在TypeScript中，交叉类型（Intersection Types）是一种复合类型，它允许你将多个类型合并为一个类型。这在多种场景下都非常有用，以下是一些常见的使用场景：混入（Mixins）：在面向对象编程中，混入是一种将多个类的功能合并到一个类中的方法。在TypeScript中，你可以使用交叉类型来实现混入：class Named { name: string; } class...
TypeScript交叉类型&联合类型
Code Writers
12-30 660
它主要是取多个类型的交集，即多个类型共有的类型才是联合类型最终的类型。联合类型可以是多个类型其中一个，可做选择，比如：string | number，它的取值可以是string类型也可以是number类型。这肯定是不行的，原子类型进行合并是没有任何意义，因为它们合并后的类型是never，比如string&number，这肯定是错误的，因为不可能有既满足字符串又满足数字类型。这里分两种情况，如果同名属性的类型相同则合并后还是原本类型，如果类型不同，则合并后类型为never。声明变量的时候设置变量类型。
typescript--交叉类型实例
qq_42750608的博客
09-09 217
const extend = <T, U>(first:T,second:U): T & U => { // as => 类型断言的方式断言为xx类型 let result = {} as T & U for(let id in first) { result[id] = first[id] as any } for(let id in second) { if(!result.hasOwnProperty(id)) { .
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值