Typescript - 具有数据模型接口的多态性

Question

我想我在这里寻找一种设计模式。这是我所拥有的 -

IApp.ts

export interface IApp {
   platform: PlatformEnum;
   version: string;
   islive: boolean;
   title: string;
   iconurl: string;
}

IAppleApp.ts

export interface IAppleApp extends IApp {
   buildversion: string;
   versionstatus: string;
   sku: boolean;
   category: string;
   accountid: string;
}

IAndroidApp.ts

export interface IAndroidApp extends IApp {
   versioncodes: string;
   track: string;
   rolloutpercentage: boolean;
   acccountname: string;
}

表示传入数据的非常简单的模型，没什么花哨的。

现在我有一个服务可以调用 API 并以 IApp 的形式获取数据。

apps.service.ts

appVersion: IApp;
appiOSVersion: IAppleApp;
appAndroidVersion: IAndroidApp;

if (this.appVersion.platform === PlatformEnum.ios) {
   this.appiOSVersion = this.appVersion as IAppleApp;
} else if (this.appVersion.platorm === PlatformEnum.android) {
   this.appAndroidVersion = this.appVersion as IAndroidApp;
}

然后我在Apple 组件中使用appsService.appiOSVersion，在Android 组件中使用appsService.appAndroidVersion。 Apple 和 Android 组件都有不同的逻辑。我尝试在每个组件中使用appsService.appVersion，但由于它是基本IApp 类型，因此该对象没有特定于平台的属性；所以必须使用两个不同的变量。

我的问题：是否可以在Apple 和Android 组件中重用appsService.appVersion？ （我需要这个变量在apps.service.ts 中进行状态管理）。拥有两个不同的变量并不疯狂，对吧？

抱歉，如果这没有意义。如果您需要更多详细信息，请告诉我。

非常感谢！

Answer 1

您在什么时候设置this.appVersion.platform 变量？您能否使用像 appsService.fetch<T> 这样的泛型参数化您的 appService 的 fetch 调用，并在调用它时使用您的平台特定接口对其进行参数化？

如果你这样做的话： appService.fetch<IAppleApp>(...) 您可以将返回类型设为通用 T 并访问该接口的结构。