交叉类型是将多个类型合并为一个类型。 这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。
示例
interface Person {
name: string
age: number
}
interface Student {
school: string
}
// ✅正确
const stu: Person & Student = {
name: 'Tom',
age: 23,
school: 'Oxford',
}
// ❌错误
// Property 'school' is missing in type ...
const stu: Person & Student = {
name: 'Tom',
age: 23,
}
// ❌错误
// Type '{ school: string; }' is missing the following properties from type 'Person': name, age
const stu: Person & Student = {
school: 'Oxford'
}
Person & Student
可以使用类型别名
interface Person {
name: string
age: number
}
interface Student {
school: string
}
type StudentInfo = Person & Student
// ✅正确
const stu: StudentInfo = {
name: 'Tom',
age: 23,
school: 'Oxford',
}
// ❌错误
// Property 'school' is missing in type ...
const stu: StudentInfo = {
name: 'Tom',
age: 23,
}
// ❌错误
// Type '{ school: string; }' is missing the following properties from type 'Person': name, age
const stu: StudentInfo = {
school: 'Oxford'
}
或者
interface Person {
name: string
age: number
}
type UserInfo = Person & {isAdmin: boolean, level?: string}
// ✅正确
const user1: UserInfo = {
name: 'Tom',
age: 23,
isAdmin: true,
level: 'A1',
}
// ❌错误
// Property 'isAdmin' is missing in type ...
const user2: UserInfo = {
name: 'Tom',
age: 23,
}