TypeScript如何正确声明可复用的字符串联合类型？编译报错求解

你编写的类型别名代码编译失败，核心原因是缺少类型定义的等号。这里提供两种可行的实现方式，其中第二种更推荐，能避免重复代码：

方式一：直接定义类型别名（修正你的写法） #

类型别名的语法要求必须包含=来关联类型定义，正确写法如下：

type TravelClass = 'economy' | 'business' | 'first';

// 之后就可以在接口中复用这个类型
interface Travel {
  travelClass: TravelClass;
  username?: string;
}

方式二：从已有接口提取类型（更优雅） #

如果已经存在Travel接口，无需重复编写联合类型，直接通过TypeScript的索引类型查询语法提取travelClass的类型：

interface Travel {
  travelClass: 'economy' | 'business' | 'first';
  username?: string;
}

// 提取travelClass的类型
type TravelClass = Travel['travelClass'];

这种方式的优势在于，后续如果Travel接口中travelClass的类型发生变更，TravelClass会自动同步更新，减少维护成本。

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