主页 / coding / 问题 / 79257156
Accepted
four-eyes
Asked: 2024-12-06 15:24:05 +0800 CST

动态向接口添加具有类型的属性

  • 772

我有这个界面

interface Base {
    common: {
        foo: string,
    }
}

interface ExtendedOne extends Base {
    count: number,
}

interface ExtendedTwo extends Base {
    origin: string,
}

现在，我想要的是通过interface的定义ExtendedOne并向来自 的 propExtendedTwo添加另一个属性和类型。commonBase

因此可以说（伪代码）

interface ExtendedOne extends Base {
    count: number,
    common: {
        ...Base,
        anotherProp: boolean,
    }
}

interface ExtendedTwo extends Base {
    origin: string,
    common: {
        ...Base,
        anotherProp: number,
    }
}

添加的道具总是会有相同的名称（此处anotherProp），但类型会有所不同。

如果需要的话，可以将接口更改为类型。

typescript

1 个回答

  1. Best Answer

    &您可以在 Typescript 中使用运算符来组合类型。

    interface Base {
    common: {
        foo: string
    };
}

interface ExtendedOne extends Base {
    count: number
    common: Base["common"] & { anotherProp: boolean }
}

interface ExtendedTwo extends Base {
    origin: string
    common: Base["common"] & { anotherProp: number }
}

    TypeScript 也有一些很棒的实用类型。例如，检查Omit和Pick允许您通过省略或选择其他类型的属性来选择性地创建新类型。

    • 0

相关问题