如何在 TypeScript 中获取接口属性的类型？

Question

所以我有一个类似的代码：

interface MyInterface{
  a:any,
  b:string,
  c:boolean,
  d:number,
  readonly valueChanges:Subject<{key: keyof MyInterface, value: ???}>
}

我不知道如何在正确的“键”下写入值的类型。 我已经尝试了typeof MyInterface[key]但这可能不是解决它的方法。 :(

提前感谢您的时间！

Answer 1

您可以使用由Titian Cernicova-Dragomir发布的AllValues实用程序类型。 请注意，您不需要extends Record<PropertyKey, PropertyKey>因为它特定于反转问题。

type AllValues<T> = {
    [P in keyof T]: { key: P, value: T[P] }
}[keyof T]

然后将此类型应用于您的界面，但请确保{key: valueChanges...}不是您的选项之一。

type KeyValueObject = AllValues<Omit<MyInterface, "valueChanges">>

interface MyInterface{
  a: any;
  b: string;
  c: boolean;
  d: number;
  readonly valueChanges: Subject<AllValues<Omit<MyInterface, "valueChanges">>>;
}

我不喜欢这里的循环引用，所以我个人会将它分解成可组合的部分。 MyInterface最终会成为一个type而不是一个interface ，但实际上几乎没有区别。

interface BaseInterface {
  a: any;
  b: string;
  c: boolean;
  d: number;
}

type WithValueChanges<T> = T & {
    readonly valueChanges: Subject<AllValues<T>>
}

type MyInterface = WithValueChanges<BaseInterface>