javascript - 字符串变量值作为类型中的属性

Question

我尝试创建一个具有变量值作为属性的类型

例如:

const myProp: string = 'my prop';
type Foo ={ 
    [myProp]: string
};

我希望我能做到:

const test: Foo = {
   [myProp] = myProp
}

但出现错误:

[ts] A computed property name in a type literal must directly refer to a built-in symbol.

Answer 1

如果您想声明一个与字符串常量具有相同属性名称的类型，您可以使用以下语法(查找类型语法)

const myProp = 'my prop';
type Foo = {
    [P in typeof myProp]: string
};
const test: Foo = {
    [myProp]: myProp
}

如果您想拥有其中多个键，您可以使用联合类型:

const myProp = 'my prop';
const otherProp = "otherProp"
type Foo = {
    [P in (typeof myProp | typeof otherProp)]: string
};
const test: Foo = {
    [myProp]: myProp,
    [otherProp]: otherProp
}

TypeScript默认库，实际上提供了一个与上面的查找类型声明等效的类型，名为Record。使用它，您可以将您的类型编写为:

type Foo2 = Record<typeof myProp, string>;