如何创建引用接口字段类型的TypeScript类型？

你可以用TypeScript的索引访问类型语法来实现这个需求，直接从接口中指定字段提取对应的类型，这样接口字段类型修改时，变量类型会自动同步。

具体代码如下：

interface SomeOption {
  readonly name: string;
  readonly value: number;
}

// 通过索引访问提取name字段的类型
type OptionName = SomeOption['name'];

const validName: OptionName = 'foo'; // 符合类型要求，正常通过
const invalidName: OptionName = 5; // 类型不匹配，触发错误

当后续修改SomeOption中name的类型（比如改成'foo' | 'bar'这种字面量联合类型），OptionName会自动更新为对应的类型，无需手动调整。

内容的提问来源于stack exchange，提问作者eXception