时间戳

首页 > 解决方案 > 打字稿：从泛型类型中获取文字值

typescript - 打字稿：从泛型类型中获取文字值

问题描述

是否可以从类型中获取文字值？例如：

const createRecord = <T>(type: T, data: number) => ({ type, data })
const r = createRecord<'TYPE_1'>('TYPE_1', 101)

// The type of `r` is { type: "TYPE_1"; data: number; }

但我想省略第一个参数并简单地写：

const createRecord = <T>(data: number) => ({ type: typeof T, data })
const r = createRecord<'TYPE_1'>(101)

当然前面的例子不起作用，因为typeof T它是一个类型，而不是一个值。

标签： typescriptgenericstype-inferenceliterals

解决方案

你的函数createRecord返回一个对象，一个对象是一个值，所以type属性也必须有一个值，而不仅仅是一个类型。你可以做的是让 TypeScriptT从你给出的值中推断出类型。如果您将泛型类型限制为string（或number等），TypeScript 只会推断文字类型。

您可以像这样创建函数：

const createRecord2 = <T extends string>(type: T, data: number) => ({ type, data })

然后你做

const r2 = createRecord2('TYPE_1', 101)

r2.type // type is inferred as 'TYPE_1'

请注意，我没有T在调用时指定类型，它是从给定的参数推导出来的。

看到这里的区别：操场

推荐阅读