TypeScript 从现有接口创建新接口并更改所有属性的类型

Question

interface UserFlags {
  isDev: boolean;
  isAdmin: boolean;
  isMod: boolean;
}

const flagPositions: FlagPositions<UserFlags> = {
  isDev: 0,
  isAdmin: 1,
  isMod: 2,
};

您将如何实现FlagPositions，以便将1 个泛型参数传递给{ [name: string]: boolean } 类型的接口，并要求接口的所有属性都存在于新接口中，但类型为number？

我使用keyof 尝试了各种方法，但都没有奏效。

编辑：发布后我得到了这个工作，但我希望它是一个界面

type FlagPositions<F> = {
  [K in keyof Required<F>]: number;
};

Answer 1

您希望FlagPositions<T> 成为mapped type，其键与keyof T 相同，但其值为number。你可以这样写：

type FlagPositions<T> = { [K in keyof T]: number };

并验证它是否如您所愿：

const flagPositions: FlagPositions<UserFlags> = {
    isDev: 0,
    isAdmin: 1,
    isMod: 2,
};

---

请注意，constrain T 到 {[name: string]: boolean} 或 Record<keyof T, boolean> 不是必须的，但您可以根据需要这样做：

type FlagPositions<T extends Record<keyof T, boolean>> =
    { [K in keyof T]: number };


declare const oops: FlagPositions<{ a: number }>; // error!
// ---------------------------->  ~~~~~~~~~~~~~
//   Types of property 'a' are incompatible.

---

您不能将FlagPositions<T> 设为interface，因为接口需要在编译时知道键，而T 是通用的并且可以具有各种键。但是，一旦您拥有具有已知键的 FlagPositions<UserFlags> 类型（它们是 isDev、isAdmin 和 isMod），那么您可以创建一个 interface 扩展 that： p>

interface UserFlagPositions extends FlagPositions<UserFlags> { }

const u: UserFlagPositions = {
    isDev: 2,
    isAdmin: 1,
    isMod: 0
}

Playground link to code