如何在 Typescript 中引用自己的接口屬性？

Question

我試圖在界面中引用自己的屬性。

讓我們考慮這個例子：

type PizzaType = "pepperoni" | "margherita" | "cheese";

interface Pizza {
    bakeTime: number;
    size: number;
}

interface PizzaService {
    availablePizzaTypes: Record<PizzaType, Pizza>;
    calculatePrice: (type: PizzaType) => number;
}

看看PizzaService.calculatePrice 。 我們知道類型必須是PizzaType 。 這很好用。

但是讓我們想象一下，我們不知道PizzaType ，我們只想參考availablePizzaTypes 。 是這樣的：

interface AnonymousPizzaService {
    availablePizzaTypes: Record<string, Pizza>;
    calculatePrice: (type: << How to refer to `availablePizzaTypes`? >>) => number;
}

我想使用類似type: (keyof availablePizzaTypes)的東西，但這不起作用。

那么我如何在 Typescript 中做類似的事情呢？

編輯這是一個更簡單的例子：

interface Pizza {
    name: string;
    // When `name` is e.g "pepperoni", names can only be "['pepperoni']".
    names: this["name"][];
}

Answer 1

您將需要AnonymousPizzaService的類型參數來捕獲支持的實際比薩餅類型：

type PizzaType = "pepperoni" | "margherita" | "cheese";
interface AnonymousPizzaService<T extends PizzaType> {
    availablePizzaTypes: Record<T, Pizza>;
    calculatePrice: (type: T) => number;
}

游樂場鏈接