发现TypeScript中同名interface接口会自动合并的特性

最新推荐文章于 2023-08-07 13:50:46 发布
最新推荐文章于 2023-08-07 13:50:46 发布
阅读量749 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/xxcanghai/p/4819428.html
版权

今天在学习怎么用TypeScript给jQuery写扩展插件时发现一个很有趣的事情

如上图，VS提示我应该在类C中实现b。

我可以同时定义一个重名的接口，而这个接口内容会自动合并。

这再C#中是绝对不允许的，除非在不同的命名空间中。

 

但如果我在重名接口中定义相同名称的属性会报重名错误。

也就说并不是js中的后定义的覆盖先前定义的内容。

 

虽然这些接口信息在编译都不复存在，在这个自动合并的特性还是有些让人费解。

应该是为了照顾js中的随意扩充对象的特性。

 

转载于:https://www.cnblogs.com/xxcanghai/p/4819428.html

weixin_30911451
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【第9篇】TypeScript声明合并Merging 案例代码详解
jilongliang的专栏
08-08 2870
TypeScript声明合并Merging 案例代码详解
typescript interface 覆盖
小漠007的专栏
05-11 3719
我们想对Antd的TimePicker组件进行封装，理由在于他必须接受一个moment对象，而我们的后端接口给我们的是字符串对象。 于是，我们想要 一个接受字符串，onchange时候传回来format后的字符串这样一个组件。 因为我们这个组件的大多数属性和原来TimePicker的props是一样的，所以我们直接继承它 import type { TimePickerProps } from 'antd'; interface TimePickerPropsPlus extends T
typescript中interface和type的使用
03-26 999
typescript中interface和type的使用 文章目录typescript中interface和type的使用interface（接口）type（类型别名）总结 interface（接口） 声明对象或者函数，通过extends继承拓展 // 描述对象 interface IUser { name: string, age: number, sayHi: () => void // sayHi(): void } const user: IUser = { name:
TypeScript 中【class类】与 【 接口 Interfaces】的联合搭配使用解读
最新发布
学而不思则罔,思而不学则殆
08-07 1552
一般来讲，一个类只能继承自另一个类，但有时候不同类之间还会存在有一些共有的特性，这时候就可以把共有的特性提取整合为接口（interfaces），用 【implements】 关键字 来实现。这个特性大大提高了面向对象的灵活性。
TypeScript 中高级应用与最佳实践
_
02-03 672
TypeScript 中高级应用与最佳实践 当我们讨论 TypeScript 时，我们在讨论什么？ TypeScript 的定位 JavaScript 的超集 编译期行为 不引入额外开销 不改变运行时行为 始终与 ESMAScript 语言标准一致 (stage 3 语法) TypeScript 中的 Decorator 较为特殊，为 Angular 团队和 TypeScript 团队交易的结果，有兴趣可自行搜索相关资料。而且近期 EcmaScript 规范中的 decorator
【TS】如何在 typescript 中合并一个 interface union？
高厉害 0w0
12-17 2234
这玩意利用了 union type 在 conditional type 中的 distributive 的特性，将 union 在第一个 condition 中 map 到多个具有单独类型参数 function，然后再 infer 到函数的参数上，就从 union 变成了 intersection。对上面这个合并的函数来说，我们要求他的参数类型一定是同时满足 union 中所有函数的参数类型的，所以一定是取交。函数中的参数，在上面的例子中，这个函数实际上是将 union 中的两个函数合在了一起。
Typescript 中的 interface 和 type 到底有什么区别详解
12-04
大家使用 typescript 总会使用到 interface 和 type，官方规范 稍微说了下两者的区别 An interface can be named in an extends or implements clause, but a type alias for an object type literal cannot. An ...
json-to-ts-interface:json字符串自动转换为TypeScript interface定义
05-29
json-to-ts-interface根据json字符串自动生成TypeScript interface定义使用方式：const interfaceDefinition = require('json-to-ts-interface');const res = interfaceDefinition(json对象||json字符串, {})参数...
TypeScript入门-接口
11-27
在TypeScript中，接口（Interface）是一个非常重要的概念，它主要用来定义对象的结构，包括对象的属性和方法。通过接口，我们可以为不同类型的对象提供一个共同的契约，确保代码的稳定性和可维护性。 首先，让我们...
TypeScript 中接口详解
09-03
在TypeScript中，接口（Interfaces）是用于定义对象类型的蓝图，它描述了对象应该有的结构。TypeScript的核心设计理念是类型检查，而接口是实现这一目标的重要工具。它们允许开发者定义对象必须拥有的属性和方法，...
TypeScript基础入门之声明合并(一)
zhangda89的专栏
10-16 2152
转发 TypeScript基础入门之声明合并(一) 声明合并 介绍 TypeScript中的一些独特概念描述了类型级别的JavaScript对象的形状。 TypeScript特别独特的一个例子是"声明合并"的概念。 在使用现有JavaScript时，理解此概念将为您提供优势。 它还为更高级的抽象概念打开了大门。 出于本文的目的，"声明合并"意味着编译器将使用相同名称声明的两个单独声明合并到...
TypeScript-类和接口、类和泛型、接口合并现象
lihui61357457的博客
05-26 640
详情可见 1.类和接口 1.类"实现"接口 interface PersonInterface { name:string; say():void; } // 只要实现的某一个接口, 那么就必须实现接口中所有的属性和方法 class Person implements PersonInterface{ name:string = 'lnj'; say():void{ console.log(`我的名字叫:${this.name}`); } } let
【typescript】 接口类型 interface 、 interface vs type 区别 、interface 于 interface 重名时
m0_64494670的博客
02-26 197
【typescript】 接口类型 interface 、 interface vs type 区别 、interface 于 interface 重名时
ts多个type合并, 属性不唯一合并冲突问题
qq_58061710的博客
03-11 1388
type复用时, 需要合并多个type, 合并时一个属性好几个type中有用到, 导致属性不唯一且类型也不相同, 使用&符号合并出来的属性类型为never, 此总情况解决办法
TypeScript 接口继承
热门推荐
FastText的博客
07-07 1万+
和类一样，接口也可以通过关键字 extents 相互继承。接口继承，分为：单继承和多继承，即继承多个接口。另外，接口也可以继承类，它会继承类的成员，但不包括具体的实现，只会把类的成员作为一种声明。本文主要总结一下TypeScript 接口继承，方便大家进行系统化的学习。...
TypeScript-声明合并
lihui61357457的博客
06-07 403
1.接口合并 1.1同名接口如果属性名相同, 那么属性类型必须一致 1.2同名接口如果出现同名函数, 那么就会成为一个函数的重载 2.命名空间 2.1同名的命名空间中不能出现同名的变量,方法等 2.2同名的命名空间中其它命名空间没有通过export导出的内容是获取不到的 3.命名空间和类合并 4.命名空间和函数合并 5.命名空间和枚举合并...
typescript声明与合并
泛酸的桂花酒
07-07 643
如果定义了两个相同名字的函数，接口或类，那么它们合并成一个类型。 这个类型 函数合并 即函数的重载 接口的合并 接口中的属性中合并时会简单的合并到一个接口中(⚠️合并的属性类型要保持一致)： interface Alarm { price:number; } interface Alarm { weight:number; } 相当于： interface alarm{ price:...
TypeScript中的interface、type、class——并非是泰联元名重复
weixin_40918145的博客
03-26 3544
type 和 interface 有什么异同？ 1.interface侧重于描述数据结构，type侧重于描述类型 interface A{ name:string; } type B = 'bb'|'cc' 2.都可以描述一个对象或者函数 interface user { name: string; age: number } interface setUser { (name: string, age: number): void } type hoster = { n
typescript中的接口，接口实现继承
小love容儿的博客
02-06 1235
定义：在面向对象编程中，接口是一种规范的定义，她定义了行为和动作的规范； 在程序设计中，接口起到一种限制和规范的作用，接口定义了某一批类所需要的遵守的规范，接口不关心这些类的内部状态数据，也不关心类里面方法的实现细节， 她只规定这批类必须提供某些方法，提供这些方法的类就可以满足实际需要，ts中的接口类似java，同时还增加了零活的接口类型（属性，函数，可索引和类） interface关键字 属性类接口： 提示：这里可以添加学习目标 函数类型接口： 提示：这里可以添加要学的内...
TypeScript中文手册：从基础到高级特性详解
- **接口合并（Interface Merging）**: 当多个接口共用部分成员时，合并成一个接口。 - **模块合并（Module Merging）**: 类、函数和枚举的模块组织方式。 **9. 最终提示与实践** - **最佳通用类型（Best General ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值