时间戳

首页 > 解决方案 > Typesript 参数依赖于另一个具有默认值的参数

typescript - Typesript 参数依赖于另一个具有默认值的参数

问题描述

我正在尝试在 typescript 中创建一个函数，其中第二个可选参数是第一个参数的键。没有可选参数，我想要的函数看起来像

function getVal<T>(obj: T, key: keyof T) {
    return obj[key];
}

但是，我想key是可选的，并采用默认值"id". 但是，函数

function getValBad<T>(obj: T, key: keyof T = "id") {
    return obj[key];
}

不进行类型检查，因为打字稿不知道是否T有id. 解决此问题的部分方法是编写

function getValOk<T extends { id: any }>(obj: T, key: keyof T = "id") {
    return obj[key];
}

然而，这股力量T总是有一把钥匙的id。

我的问题是，我可以编写一个函数getValGood来进行类型检查getValGood({id: 1})、类型检查getValGood({ID: 1}, "ID")并且getValGood({ID: 1})不进行类型检查。如果是这样，我如何getValGood在打字稿中表示？

标签： typescriptdefault-argumentskeyof

解决方案

首先，您可能希望使用另一个通用参数来正确键入返回值。（否则，obj[key]将返回对象上所有可能值的联合，而不仅仅是at 的类型key）

您可以重载该getVal函数以获取一个对象和一个作为该对象属性的键（2 个泛型），或者仅使用一个泛型{ id: V }并返回 V 类型的内容：

type GetVal = {
    <T, K extends keyof T>(obj: T, key: K): T[K];
    <V>(obj: { id: V }): V;
};

const getVal: GetVal = (obj: Record<string, unknown>, key = 'id') => {
    return obj[key];
};

const result1 = getVal({ foo: 'foo' }, 'foo');
const result2 = getVal({ foo: 'foo' }, 'doesntexist'); // Fails

const result3 = getVal({ id: 'val' });
const result4 = getVal({ }); // Fails

演示

推荐阅读