Typescript中让不同const enum互相兼容的最佳实践是什么？

针对你需要在不大量改动现有代码的前提下，让原有接收ComponentId的函数也支持传入BaseId的需求，推荐以下3种方案，可根据项目场景选择：

方案1：统一类型别名（改动量最小，推荐优先使用） #

只需要新增一个全局公共类型别名，然后用编辑器的全局替换功能，一次性把所有原有函数参数里的ComponentId替换为新的别名即可：

// 新增统一的入参类型，后续新增其他枚举类型仅需修改此处
type OperateId = ComponentId | BaseId

// 原有函数仅需把类型替换为别名即可，全局替换一次性完成修改
function operateComponent(id: OperateId) {
  // 原有逻辑完全不用改动
}

适用场景： #

后续可能还会新增其他需要兼容的枚举类型，不想反复修改每个函数的参数定义。

方案2：扩展原有枚举定义（零业务代码改动，推荐值无重叠场景使用） #

因为你的两个枚举数值范围完全没有重叠（ComponentId最大值为2，BaseId从100开始），可以直接在ComponentId的定义里扩展引用BaseId的所有值，原有业务代码、函数参数定义完全不用修改：

const enum ComponentId {
    A = 0, 
    B, 
    C,
    // 直接引用BaseId的值，自动同步，不用手动维护数值
    D = BaseId.D,
    E = BaseId.E,
    F = BaseId.F
}

适用场景： #

BaseId的取值逻辑本身就属于组件ID的业务范围，不需要做类型层面的区分，const enum的特性会保证编译后直接替换为数值，没有额外运行时开销。

方案3：类型声明扩展（不改动原有枚举定义的场景使用） #

如果你没有权限修改原始ComponentId的定义文件，可以用类型声明合并的方式扩展它的取值范围：

// 在你的项目全局类型声明文件中加入以下代码
declare module '你的ComponentId定义文件的模块路径' {
    const enum ComponentId {
        D = BaseId.D,
        E = BaseId.E,
        F = BaseId.F
    }
}

扩展后原有接收ComponentId的函数天然支持传入BaseId的对应值，不需要改动任何业务代码。

注意事项 #

• 所有方案的前提是两个枚举的数值没有重叠，避免出现同一个数值对应两个不同枚举值的歧义问题
• 如果需要在逻辑中区分传入的是哪种枚举，可以在代码中添加数值范围判断即可，比如小于100的是ComponentId，大于等于100的是BaseId

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