TypeScript枚举映射类型转换触发TS2352报错原因及解决方案问询

报错原因 #

TypeScript 中使用 as 做类型断言的前提是：源类型和目标类型存在 subtype 关系（要么源类型是目标类型的子类型，要么目标类型是源类型的子类型），二者有足够的属性重叠，否则就会触发 TS2352 错误。
你的两个断言场景差异如下：

• 第一个ok对象的类型是{id: number}，Stats接口本身包含必填的id: number属性，也就是说Stats是{id: number}的子类型，二者存在明确的重叠关系，所以断言可以正常通过。
• 第二个notOk对象只有metrics属性，缺少Stats要求的必填id属性，此时notOk的类型和Stats之间不存在任何一方是另一方子类型的关系，重叠不足，因此 TypeScript 阻止直接断言。

可行解决方案 #

方案1：补全必填属性（最推荐） #

直接给缺少必填属性的对象补全Stats要求的所有必填字段，即可满足类型重叠要求：

const okNow = {
    id: 20, // 补全必填的id属性
    metrics: {
        0: {
            [Metric.COLOR]: 10
        }
    }
} as Stats;

方案2：调整接口属性为可选（符合业务场景时使用） #

如果你的实际业务中id或者metrics确实可以缺省，直接把接口对应字段标记为可选即可：

interface Stats {
    id?: number;
    metrics?: {[key: number]: {[metricKey in Metric]?: number }};
}

方案3：显式声明变量类型替代断言 #

如果是需要分步初始化对象，可以直接声明变量为Stats类型，不需要用到as断言，类型安全性更高：

// 初始化必填字段
const stats: Stats = {
    id: 10,
    metrics: {}
}
// 后续动态添加metrics的属性
stats.metrics[0] = { [Metric.COLOR]: 10 };

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