三分钟了解interface和type的区别

对typescript 有一定了解的,会发现 interface 和 type 很相似,类型定义上，很多时候，用两种方式都能实现。

三分钟直入主题，除了语法不同外，interface和type主要有区别

1 类型别名可以用于其它类型（联合类型、元组类型、基本类型（原始值）），interface不支持

type PartialPointX = { x: number };
type PartialPointY = { y: number };// union(联合)
type PartialPoint = PartialPointX | PartialPointY;// tuple(元祖)
type Data = [PartialPointX, PartialPointY];//primitive(原始值)
type Name = Number;// typeof的返回值
let div = document.createElement('div');
type B = typeof div;

2 interface 可以多次定义并被视为合并所有声明成员 type 不支持

interface Point {x: number;
}
interface Point {y: number;
}const point: Point = { x: 1, y: 2 };

3 type 能使用 in 关键字生成映射类型，但 interface 不行。

type Keys = 'firstname' | 'surname';type DudeType = {[key in Keys]: string;
};const test: DudeType = {firstname: 'Pawel',surname: 'Grzybek',
};

4 默认导出方式不同

// inerface 支持同时声明，默认导出 而type必须先声明后导出
export default interface Config {name: string;
}
// 同一个js模块只能存在一个默认导出哦type Config2 = {name: string}export default Config2

三分钟了解interface和type的区别相关推荐

三分钟了解多模光纤和单模光纤的区别-ielab
三分钟了解多模光纤和单模光纤的区别随着网络的不断发展,高速率网络的要求不断增高,光纤作为主要的网络传输介质被更多的应用在了网络布线当中.但是光纤到底有什么区别呢?相信有很多人都不知道,我们现在就来详 ...
TypeScript 里 interface 和 type 的区别
StackOverflow 上的讨论链接 Interface vs Type alias in TypeScript 2.7 Differences Between Type Aliases and ...
typescript和 java区别_typescript中interface和type的区别
相同点都可以描述一个对象或者函数 interface interface User { name: string age: number } interface SetUser { (name: s ...
TypeScript中interface 与 type的区别，你真的懂吗？
在写 ts 相关代码的过程中,总能看到 interface 和 type 的身影.它们的作用好像都一样的,相同的功能用哪一个都可以实现,也都很好用,所以也很少去真正的理解它们之间到底有啥区别, 分别在 ...
ts中的interface与type的区别
1.typeof 的类型别名可以用于其他的类型,比如联合类型.元组类型.基本类型,interface 不行. 2.type 的别名不可以多次定义会报错,而 interface 则可以多次定义,会将其 ...
java和python的web自动化有什么区别-三分钟看懂Python和Java的区别
随着人工智能的火爆,Python和Java一直在各种流行编程语言中名列前茅.其实Java和Python有些相似,因为很多编程语言之间是互通的.Java现在还是第一,不知道Python未来会不会超越Ja ...
python和java一样吗-三分钟看懂Python和Java的区别
随着人工智能的火爆,Python和Java一直在各种流行编程语言中名列前茅.其实Java和Python有些相似,因为很多编程语言之间是互通的.Java现在还是第一,不知道Python未来会不会超越Ja ...
python和java的区别-三分钟看懂Python和Java的区别
随着人工智能的火爆,Python和Java一直在各种流行编程语言中名列前茅.其实Java和Python有些相似,因为很多编程语言之间是互通的.Java现在还是第一,不知道Python未来会不会超越Ja ...
typeScript interface和type区别
typeScript interface和type区别 interface 参考资料 ----> https://www.tslang.cn/docs/handbook/interfaces.h ...

三分钟了解interface和type的区别

三分钟了解interface和type的区别相关推荐

最新文章

热门文章