接口与类型别名：TypeScript 世界里区分你的类型

2022-12-27 10:13:48

接口与类型别名：TypeScript 中类型定义指南

在 TypeScript 中，接口和类型别名 都是用于定义类型的强大工具，但它们之间存在一些关键区别。了解这些区别对于高效且健壮的 TypeScript 开发至关重要。

什么是接口？

接口是对象形状的类型定义。它规定了对象应该具有的属性和方法。接口通过 interface 声明：

interface Person {
  name: string;
  age: number;
  greet(): void;
}

此接口定义了一个具有以下属性和方法的对象：

name：字符串属性
age：数字属性
greet()：无返回值的方法

类和对象可以实现接口：

类通过 implements 关键字实现接口：

class Employee implements Person {
  name: string;
  age: number;

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

对象通过类型断言实现接口：

const employee: Person = {
  name: 'John Doe',
  age: 30,
  greet() {
    console.log(`Hello, my name is John Doe and I am 30 years old.`);
  }
};

什么是类型别名？

类型别名 给现有类型起一个新的名字。它通过 type 关键字声明：

type MyNumber = number;

此类型别名给数字类型起了一个新名称 MyNumber。

类型别名只能被其他类型别名和变量使用：

type MyString = string;
type MyArray = Array<MyNumber>;

const myString: MyString = 'Hello, world!';
const myArray: MyArray = [1, 2, 3];

接口与类型别名的区别

下表总结了接口与类型别名的主要区别：

特征	接口	类型别名
目的	对象的形状	给现有类型起一个新名字
语法	`interface`	`type`
实现	类和对象	类型别名和变量
访问控制	`public`, `protected`, `private`	`public`, `protected`, `private`
继承	支持	不支持
多态	支持	不支持