Typescript 接口允许类型键和字符串值

Question

Typescript 中有没有办法动态地使用已知的type 作为界面的键？

例如，我有这个type：

type properties = 'name' | 'age' | 'height';

我想允许一个对象使用任何/所有这些“属性”作为键，并使用一个字符串作为值：

{name: 'abc', height: '2'} 或 {height: '2'} 允许

我已经使用值而不是键来完成此操作，所以我想要与此相反：

interface person {
  [key: string]: properties
}

类似这样的：

interface person {
  [key: properties]: string
}

Answer 1

您可以为此使用type：

type Properties = 'name' | 'age' | 'height';
type Person = {
    [key in Properties]: string
}

// This is allowed
const allowed: Person = {
    name: 'the-name',
    age: '21',
    height: '180',
}

// This has error
const errored: Person = {
    name: 'the-name',
    age: '21',
    height: '180',
    anotherKey: 'foo',
}