Is there a way for typescript to infer types that depend on the input parameters?

Question

The below describes what I'd like to do:

interface Customer {
    name: string;
    age: number;
}

const getCustomer = () => {
    return {
        name: 'bob',
        age: 42
    }
}

export const getValue = (key: keyof Customer): typeof Customer[key] => {
    const customer = getCustomer();
    return customer[key];
};

but the TS compiler doesn't like the line typeof Customer[key]. I could make this any or string | number, but I should be able to get the type from this. For example, if I write:

getValue('name') what does it return? You know without any runtime information, it returns a string. What if I write getValue('age')? A number of course. getValue(someInputVal as any) might return string or number, but all of this is perfectly available at compile time. So - is there a way to get this from typescript?

Yash · Accepted Answer · 2022-04-26 01:00:22Z

1

you can slightly rewrite your function to use a generic:

export function getValue<T extends keyof Customer>(key: T): Customer[T] {
    const customer = getCustomer();
    return customer[key];
};

what this is essentially saying is that getValue should only accept an argument that extends the keys of the Customer interface and it will return the associated type with that T key from the interface.

here is a ts playground link with the example solution i suggested

answered Apr 26, 2022 at 1:00

Yash

1601 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is there a way for typescript to infer types that depend on the input parameters?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related