TypeScript 中的 interface 和 type 有什么区别?应该如何选择?

背景

TypeScript中的 interfacetype 都是声明自定义类型的方式,但它们有一些区别,适用于不同的使用场景。

两者使用案例

interface

interface 主要用于描述对象的形状或者类的结构,这是它最经常的应用场景。

interface使用示例:

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

function greet(person: Person) {
    return 'Hello, ' + person.name;
}

let user = {name: 'Jack', age: 20};

console.log(greet(user));

在这个例子中,我们定义了一个 Person 接口,它有两个属性,名字和年龄。然后我们创建了一个函数 greet,它接收一个 Person 类型的参数。最后,我们创建了一个 user 对象并调用了 greet 函数。this example avoided passing an object that didn’t meet the Person interface structure to the greet function.

type

type 更概括一点,它除了可以用于描述对象的形状,还可以用于其他种类的类型设置,例如原始类型(primitive),联合类型(union),交叉类型(intersection),元组等。

type使用示例:

声明一个只有名字的类型:

type Name = string;

let name: Name = 'Tom';

声明一个联合类型:

type StringOrNumber = string | number;

let input: StringOrNumber;

input = 'Tom'; // OK
input = 20;  // OK
input = true;  // Error

两者具体区别

  1. interface 更专注于定义对象或类的结构,而 type 更通用。
  2. interface 可以被实现(implements)和扩展(extends),但是 type 不可以。
  3. interface 可以被声明合并,如果多次声明同一个 interface,那么它们会被自动合并,当 type 不具备声明合并的特性。

根据上述差异,选择使用 interface 还是 type 就基于具体的业务需求。在大部分情况下,如果仅仅是为了类型检查,interfacetype 都可以满足需求,然而如果需要进行 OOP (Object Oriented Programming) 的实践,如类的定义与继承,则 interface 会更加合适一些。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

乐闻x

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

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

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

打赏作者

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

抵扣说明:

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

余额充值