TypeScript类实现含联合类型字段的接口触发2322错误原因求解

错误原因 #

这个错误是TypeScript的类型推断规则导致的：

• 你在FishClass中定义alive属性时，没有显式标注类型，TypeScript会直接根据初始赋值'Yes'将该属性的类型推断为string，而不会主动继承Fish接口定义的string | boolean联合类型。
• implements关键字的作用是类定义完成后校验类是否符合接口约定，不会干预类内部属性的类型推断过程。string是string | boolean的子类型，所以类定义完成后implements Fish的校验可以通过，但类内部已经把alive的类型固定为string，赋值boolean类型值自然会触发2322类型不匹配错误。

修复方案 #

给类的属性显式标注类型即可，明确告诉TypeScript该属性支持联合类型：

interface Fish {
  alive: string | boolean;
}

class FishClass implements Fish {
  // 显式声明属性的联合类型，避免TypeScript从初始值窄化类型
  alive: string | boolean = 'Yes'

  constructor() {
    this.alive = true; 
  }
}

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