Typescript 參考接口自帶屬性

Question

我想將接口的屬性類型用作泛型，但我不確定是否支持我想要做的事情。 我用代碼解釋一下：

通常我們可以這樣做：

enum Sections {
  users = 'users',
  projects = 'projects'
}

interface SectionEles {
  [Section.users] : {...};
  [Section.projects]: {...};
}

interface SezViewSettings<S extends Sections> = {
  section: S;
  where: Array<keyof SectionEles[S]>;
}

這很好用，但我想避免使SezViewSettings成為generic的 . 我更願意從分配給屬性section的值中提取S ，如下所示：

interface SezViewSettings = {
  section: S extends Sections;
  where: Array<keyof SectionEles[S]>;
}

這可以做到嗎？

Answer 1

如果沒有 generics，接口就無法表示此約束。

在這種情況下，您可能的S類型是enumerable ，因此您可以為所有可能的S值形成SezViewSettings<S>的聯合，並將其用作您的類型。 這可能足以滿足您的需求。

這是一種方法，通過創建一個立即查找其屬性的映射類型：

type SezViewSettingUnion = { [S in Section]: SezViewSettings<S> }[Section]
/* type SezViewSettingUnion = SezViewSettings<Section.users> | 
     SezViewSettings<Section.projects>
*/

同樣，您可以使用分布式條件類型：

type _SezViewSettingUnion<S extends Section> =
    S extends any ? SezViewSettings<S> : never;
type SezViewSettingUnion = _SezViewSettingUnion<Section>;
/* type SezViewSettingUnion = SezViewSettings<Section.users> | 
SezViewSettings<Section.projects> */

兩者最終產生相同的類型，相當於SezViewSettings<Section.users> | SezViewSettings<Section.projects> SezViewSettings<Section.users> | SezViewSettings<Section.projects> 。

---

好的，希望有幫助； 祝你好運！
鏈接到代碼