这些语句(接口与类型)之间有什么区别?
interface X {
a: number
b: string
}
type X = {
a: number
b: string
};
这些语句(接口与类型)之间有什么区别?
interface X {
a: number
b: string
}
type X = {
a: number
b: string
};
Answers:
与总是引入命名对象类型的接口声明不同,类型别名声明可以为任何类型的类型引入名称,包括基本类型,联合类型和交集类型。
该规范继续提到:
接口类型与对象类型文字的类型别名有很多相似之处,但是由于接口类型提供了更多的功能,因此它们通常比类型别名更可取。例如,接口类型
interface Point { x: number; y: number; }
可以写为类型别名
type Point = { x: number; y: number; };
但是,这样做意味着失去了以下功能:
可以在extend或Implements子句中命名接口,但是自TS 2.7起,对象类型文字的类型别名不能再为true。- 接口可以具有多个合并的声明,但是对象类型文字的类型别名不能。
interface Point { x: number; } interface Point { y: number; }
当前答案和官方文档已过时。对于TypeScript的新手来说,没有示例就不清楚使用的术语。以下是最新差异的列表。
两者均可用于描述对象的形状或功能签名。但是语法不同。
接口
interface Point {
x: number;
y: number;
}
interface SetPoint {
(x: number, y: number): void;
}
输入别名
type Point = {
x: number;
y: number;
};
type SetPoint = (x: number, y: number) => void;
与接口不同,类型别名也可以用于其他类型,例如基元,并集和元组。
// primitive
type Name = string;
// object
type PartialPointX = { x: number; };
type PartialPointY = { y: number; };
// union
type PartialPoint = PartialPointX | PartialPointY;
// tuple
type Data = [number, string];
两者都可以扩展,但是语法也有所不同。此外,请注意,接口和类型别名不是互斥的。接口可以扩展类型别名,反之亦然。
接口扩展接口
interface PartialPointX { x: number; }
interface Point extends PartialPointX { y: number; }
类型别名扩展了类型别名
type PartialPointX = { x: number; };
type Point = PartialPointX & { y: number; };
接口扩展类型别名
type PartialPointX = { x: number; };
interface Point extends PartialPointX { y: number; }
类型别名扩展接口
interface PartialPointX { x: number; }
type Point = PartialPointX & { y: number; };
类可以以完全相同的方式实现接口或类型别名。但是请注意,类和接口被视为静态蓝图。因此,他们不能实现/扩展命名联合类型的类型别名。
interface Point {
x: number;
y: number;
}
class SomePoint implements Point {
x = 1;
y = 2;
}
type Point2 = {
x: number;
y: number;
};
class SomePoint2 implements Point2 {
x = 1;
y = 2;
}
type PartialPoint = { x: number; } | { y: number; };
// FIXME: can not implement a union type
class SomePartialPoint implements PartialPoint {
x = 1;
y = 2;
}
与类型别名不同,接口可以定义多次,并且将被视为单个接口(所有声明的成员都将被合并)。
// These two declarations become:
// interface Point { x: number; y: number; }
interface Point { x: number; }
interface Point { y: number; }
const point: Point = { x: 1, y: 2 };
type
或interface
?。我仍然对何时应该使用另一种感到困惑。
type
具有一定限制的方式来定义递归类型(并且从TypeScript 3.7开始,这些限制也消失了)。接口可以扩展类型。类可以实现类型。此外,将数据显示为表格的屏幕快照会使视力障碍的人完全无法访问。
https://www.typescriptlang.org/docs/handbook/advanced-types.html
一个区别是接口创建了一个新名称,该名称在任何地方都可以使用。类型别名不会创建新名称-例如,错误消息不会使用别名。
//为对象创建树结构。由于缺少交集(&),因此无法对界面执行相同操作
type Tree<T> = T & { parent: Tree<T> };
//键入以限制变量只分配一些值。接口没有联合(|)
type Choise = "A" | "B" | "C";
//由于类型,您可以借助条件机制来声明NonNullable类型。
type NonNullable<T> = T extends null | undefined ? never : T;
//您可以将接口用于OOP并使用“实现”来定义对象/类框架
interface IUser {
user: string;
password: string;
login: (user: string, password: string) => boolean;
}
class User implements IUser {
user = "user1"
password = "password1"
login(user: string, password: string) {
return (user == user && password == password)
}
}
//您可以使用其他接口扩展接口
interface IMyObject {
label: string,
}
interface IMyObjectWithSize extends IMyObject{
size?: number
}
除了已经提供的出色答案之外,在扩展类型与接口方面还存在明显差异。我最近遇到了几种接口无法完成工作的情况: