交叉类型 - WDPHP云市场

交叉类型是指将多个类型合并成一个新的类型。在TypeScript中，可以使用交叉类型来组合多个类型，以便在一个变量中表示多种类型的特性。

例如，假设我们有两个接口，一个表示有颜色属性的对象，另一个表示有尺寸属性的对象：

interface Colorful {
    color: string;
}

interface Size {
    size: number;
}

我们可以使用交叉类型将这两个接口合并成一个新的接口：

type ColorfulSize = Colorful & Size;

let obj: ColorfulSize = {
    color: 'red',
    size: 10
};

在上面的示例中，ColorfulSize类型表示同时具有颜色和尺寸属性的对象。我们创建了一个名为obj的变量，它拥有这两种属性。

交叉类型还可以用于函数类型的组合。例如，我们可以定义一个函数类型，它接受两个参数，一个参数是具有颜色属性的对象，另一个参数是具有尺寸属性的对象：

function setColorAndSize(obj: Colorful & Size) {
    console.log(`Color: ${obj.color}, Size: ${obj.size}`);
}

setColorAndSize({ color: 'blue', size: 20 });

上面的示例中，setColorAndSize函数接受一个同时具有颜色和尺寸属性的对象作为参数。

需要注意的是，交叉类型只能为每个类型中的属性创建交集。如果存在相同属性名但属性类型不同的情况，TypeScript会将这些属性的类型定义为联合类型。例如：

interface A {
    prop: string;
    otherProp: string;
}

interface B {
    prop: number;
    otherProp: number;
}

type C = A & B;

let c: C = {
    prop: 'test',
    otherProp: 'test'
};

在上面的示例中，prop属性的类型被定义为string | number，因为A和B接口都定义了prop属性，但类型分别为string和number。

交叉类型在TypeScript中非常有用，可以帮助我们组合不同类型的属性和方法，从而创建更灵活的数据结构。