Angular 12中用空对象初始化泛型接口类型BehaviorSubject报错如何解决？

报错原因 #

这个错误是TypeScript的严格类型校验触发的：你定义的ApiResponse接口所有属性都是必填项，初始化BehaviorSubject时传入的空对象{}缺少接口要求的所有属性，不符合类型约束。

解决方案 #

方案1：使用类型断言（改动最小） #

直接通过as关键字告诉TypeScript你确认空对象暂时符合类型要求：

private subject = new BehaviorSubject<ApiResponse>({} as ApiResponse);

注意：该方案相当于主动绕过了类型校验，你需要确保后续会尽快推送完整的ApiResponse类型值，若直接读取初始空对象的属性会得到undefined，需做好空值兼容处理。

方案2：使用Partial工具类型放宽约束 #

用TS内置的Partial工具类型包裹泛型参数，表示Subject内的值允许是ApiResponse的任意子集：

private subject = new BehaviorSubject<Partial<ApiResponse>>({});

该方案不需要修改原ApiResponse接口定义，后续调用next()传入完整的接口对象也完全兼容，需要使用完整类型时自行加类型断言或类型守卫校验即可。

方案3：修改接口属性为可选 #

如果业务场景允许ApiResponse的属性缺失，可以把接口的所有属性改为可选属性：

export interface ApiResponse {
  success?: boolean
  message?: string
  exception?: any
  totalRowCount?: number
}

修改后空对象本身就符合接口类型，初始化时不需要额外处理。如果你的业务逻辑要求ApiResponse必须包含所有属性，不推荐使用该方案，会降低类型安全性。

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