代码之家 › 专栏 › 技术社区 › Benjamin M

TypeScript泛型:从函数参数推断键值返回类型的键

typescript-generics generics typescript

Benjamin M · 技术社区 · 6 年前

我必须履行以下职能:

function x<V = string, K extends string = string>(myKey: K): {[k in K]: V} {
  return null as any;
}

我想去掉 K extends string = string 部分。

现在我不得不这样称呼它:

const res = x<number, 'foo'>('foo');   // resulting type: { foo: number }

但我不想打字 foo 两次。我只想这样使用它:

const res = x<number>('foo');

虽然理想情况下,我希望键入这样的函数:

function x<V = string>(myKey: string): {[myKey]: V} {
  return null as any;
}

这有可能吗?

1 回复 | 直到 6 年前

Titian Cernicova-Dragomir 6 年前

在3.1中可以推断一些类型参数 Named type arguments & partial type argument inference .

在此之前,您可以让函数返回另一个函数,第一个调用指定第一个类型参数,第二个调用推断其余的

function x<V = string>() {
    return function <K extends string = string>(myKey: K): { [k in K]: V } {
        return null as any;
    }
}

x<string>()('foo')

推荐文章

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Zoddo · 属性在明确定义时可能为“未定义”

4 月前

Abdulkerim Awad · 带有泛型的Typescript函数重载无法按预期工作

4 月前

Sanitysign · 为什么{}类型可分配给对象类型?

5 月前

IvonaK · 使用Vite和React在Tauri应用程序中集成shadcn/ui和Tailwind CSS v4

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前

Xunnamius · 为什么TypeScript在有条件地推断数组末尾的可选元素时遇到困难?

5 月前

njord · 基于函数的Typescript返回类型

5 月前