Typescript interface 和 type 的区别

学习学习学习!!!!!

首先,interface只能表示function,object和class类型,type除了这些类型还可以表示其他类型,例如

interface A{name:string;
add:()=>void;
}
interface B{():void}

type C=()=>number;
type D=string;
type E={name:string,age:number}

interface可以合并同名接口,type不可以

interface A{name:string}
interface A{age:number}
var x:A={name:'xx',age:20}

interface可以继承interface,继承type,使用extends关键字,type也可继承type,也可继承interface,使用&

interface A{name:string}
interface B extends A{age:number}

type C={sex:string}

interface D extends C{name:string}

type E={name:string}&C

type F ={age:number}&A

还有类可以实现接口,也可以实现type

interface A{name:string;add:()=>void}
type B={age:number,add:()=>void}

class C implements A{
name:'xx'
add(){console.log('类实现接口')}
}

class D implements B{
age:20
add(){console.log('类实现type')}
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值