如何告诉 Typescript 两个对象键必须相同？

Question

I want to define a type over a JS/TS record (ie, something with keys and values):

type Args<R extends object> = {
  foo: keyof R
  bar: keyof R
}

How can I tell Typescript that I want foo and bar to be the same keyof R ?

I can do this:

type Args<R extends object, K extends keyof R> = {
  foo: K
  bar: K
}

But then all clients of the Args type to have to manually specify type K :

type Pizza = {
  name:   string
  radius: int
}

const myArgs: Args<Pizza, 'name'> = { foo: 'name', bar: 'name' }

Typescript should be able to infer this, I would think. But how do I write the type?

Answer 1

This is possible. You can create a union of all possible foo and bar combinations of a given generic type like this:

type Args<R extends object> = {
  [K in keyof R]: {
    foo: K,
    bar: K
  }
}[keyof R]

This will lead to the desired behaviour:

type Pizza = {
  name:   string
  radius: number
}

const myArgs1: Args<Pizza> = { 
  foo: 'name', 
  bar: 'name' 
}
const myArgs2: Args<Pizza> = { 
  foo: 'name', 
  bar: 'radius' 
} // Error: "name"' is not assignable to type '"radius"

Playground