TypeScript接口使用报错求助：BaseWidget无法赋值给RankingWidget

你遇到的错误核心原因是：wid的类型为BaseWidget，而IsInvalidValidRankingWidget方法要求传入RankingWidget类型参数——RankingWidget必须包含extensionAttributes属性，但BaseWidget并未定义该属性。虽然你通过wid.extension === WidgetExtension.Ranking做了类型判断，但TypeScript不会自动将BaseWidget窄化为RankingWidget，需要手动处理类型转换。

方案1：使用类型断言（快速解决） #

在调用方法时，直接将wid断言为RankingWidget：

if(this.IsInvalidValidRankingWidget(wid as RankingWidget)){
    wid.isValid = false;
    return wid;
}

注意：这种方式简洁，但要确保运行时wid确实是RankingWidget实例，否则可能触发运行时属性不存在的错误。

方案2：自定义类型守卫（类型安全） #

定义一个类型守卫函数，让TypeScript在编译时就能正确识别RankingWidget类型，同时运行时做校验：

// 类型守卫函数
function isRankingWidget(widget: BaseWidget): widget is RankingWidget {
  return widget.extension === WidgetExtension.Ranking && 'extensionAttributes' in widget;
}

然后修改原代码的判断逻辑：

wid.isValid = true;
// 替换原有的嵌套if，直接用类型守卫判断
if (isRankingWidget(wid)) {
  if(this.IsInvalidValidRankingWidget(wid)){
      wid.isValid = false;
      return wid;
  }
}

这种方式更安全，既保证了编译时的类型检查，又在运行时验证了属性存在性。

额外修复：原代码逻辑错误 #

你原代码中有一段无效的嵌套判断：

if(wid.extension === WidgetExtension.Score){
  if(wid.extension === WidgetExtension.Ranking){
    // 这段代码永远不会执行
  }
}

wid.extension不可能同时等于Score和Ranking，直接删除外层的Score判断，保留Ranking的判断即可。

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