TypeScript 类型别名和接口
TypeScript 允许在使用类型的变量之外单独定义类型。
别名和接口允许在不同的变量/对象之间轻松共享类型。
类型别名
类型别名允许使用自定义名称（别名）定义类型。
类型别名可用于基本类型，如 string，或更复杂的类型，如 对象 和 数组
示例
type CarYear = number
type CarType = string
type CarModel = string
type Car = {
year: CarYear,
type: CarType,
model: CarModel
}
const carYear: CarYear = 2001
const carType: CarType = "Toyota"
const carModel: CarModel = "Corolla"
const car: Car = {
year: carYear,
type: carType,
model: carModel
};
自己试试 »
接口
接口类似于类型别名，但它们**仅**适用于 对象 类型。
示例
interface Rectangle {
height: number,
width: number
}
const rectangle: Rectangle = {
height: 20,
width: 10
};
自己试试 »
扩展接口
接口可以扩展彼此的定义。
**扩展**接口意味着您正在创建一个具有与原始接口相同属性的新接口，以及一些新的属性。
示例
interface Rectangle {
height: number,
width: number
}
interface ColoredRectangle extends Rectangle {
color: string
}
const coloredRectangle: ColoredRectangle = {
height: 20,
width: 10,
color: "red"
};
自己试试 »
