Typescript，使用另一个接口索引一个接口键

Question

我有两个具有相同可选键但值不同的接口：

interface Obj1 {
 a?: string
 b?: string
 c?: string
}

interface Obj2 {
 a?: boolean
 b?: boolean
 c?: boolean
}

Obj1 用作函数参数，另一个 Obj2 是该函数的返回值。我希望返回类型仅标识 Obj1 上的给定键。因此，如果 Obj1 仅包含 a 和 b，则 Obj2 也将仅包含 a 和 b。

我尝试了下面的方法，但是我得到了一个 ts 错误Type 'Property' cannot be used to index type 'ValueType'

type Obj1KeysWithObj2Values<KeyType extends Obj1, ValueType extends Obj2> = {
  [Property in keyof KeyType]: ValueType[Property]
}

Answer 1

问题是虽然你知道 Obj2 将始终拥有 Obj1 的键的超集，TypeScript 不知道这一点，因此需要安心。 :-) 如果你想使用那些泛型，你可以通过使用条件类型来测试 ValueType 中是否也存在属性键来清除该错误：

type Obj1KeysWithObj2Values<KeyType extends Obj1, ValueType extends Obj2> = {
    [Property in keyof KeyType]: Property extends keyof ValueType ? ValueType[Property] : never;
// −−−−−−−−−−−−−−−−−−−−−−−−−−−−−^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
};

Playground example