interface和type的区别?

本文介绍了TypeScript中interface和type的区别,包括语法、对象类型与联合类型、扩展性和可读性。interface主要定义对象结构,适用于API描述;type则用于复杂类型定义,如联合类型和交叉类型。
摘要由CSDN通过智能技术生成

在TypeScript中,interface(接口)和type(类型别名)都是用于定义类型的关键字,他们之间有一些区别和适用场景。

1.语法差异:

        interface使用interface关键字进行定义,而type使用type关键字来进行定义。

2.对象类型VS联合类型:

        interface主要用于定义对象类型,可以描述一个对象具有的属性、方法等。而type不仅可以定义对象类型,还可以定义联合类型、交叉类型等更复杂的类型。

3.扩展性:

        interface可以通过extends关键字进行扩展,一个接口可以继承另一个接口。而type可以使用交叉类型(&)进行合并,将多个类型合并成一个新的类型。

4.可读性:

        interface更常用于描述公共API的形状,因为它们通常更容易解读和理解,而type适用于更复杂的类型和类型别名。

下面是实例代码:

当你需要定义一个对象类型时,比如说一个人的信息,可以使用interface

interface Person{
    name:string;
    afe:number;
}

const person:Person={
    name:'张三',
    age:18
}

当你需要使用联合类型或者交叉类型时,比如说定义一个可以接收多种类型的参数,可以使用type

type _obj = {name:'张三'};

type _objs = _obj & {age:18};

function funs(obj:_objs){
    const name = obj.name;
    const age = obj.age
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小航要继续努力吖!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值