TypeScriptのこの循環依存関係をリファクタリングして、別々のTypeScriptファイルを作成することはできますか？

Question

インポートの依存関係があるため、これらのTypeScriptクラスは同じ.tsファイルにあります。最初のものは抽象GenericModelある

：誰かが私はコードをリファクタリング助けることができれば、私はので、私は輸入品の循環参照を削除することができ感謝し

export abstract class GenericModel { 
    nodeClass: string; 
    id: string = "0"; 

    static fromJson(json: any): GenericModel { 
     if (json.nodeClass === "Entity") { 
      return EntityModel.fromJson(json); 
     } 
     else if(json.nodeClass === "User") { 
      return UserModel.fromJson(json); 
     } 
     return null; 
    } 
} 

他の二つのクラスがEntityModel（下記参照）されていますそしてUserModel：

export class EntityModel extends GenericModel { 
    nodeClass: string = "Entity"; 
    alias: string; 
    description: string; 

    constructor(public text: string, public id: string, public uuid: string, alias: string, public rand:string = "") { 
     //[...] 
    } 

    //instance methods 
    //[...] 

    public static fromJson(json: any): EntityModel { 
     var entity = new EntityModel(json.text, json.id, json.uuid, json.alias, json.rand); 
     entity.description = json.description; 

     if (json.types) { 
      for (let type of json.types) { 
       let objectifiedType: EntityModel = EntityModel.fromJson(type); 
       entity.types.push(objectifiedType); 
      } 
     } 
     if (json.innerEntities){ 
      for (let innerEntity of json.innerEntities) { 
       let objectifiedInnerEntity: EntityModel = EntityModel.fromJson(innerEntity); 
       entity.innerEntities.push(innerEntity); 
      } 
     } 
     return entity; 
    } 
} 

私がここでやっている何がnodeClassに基づいて静的呼び出しfromJson()の階層を使用してJSONの直列化復元です。

それはGenericModelは別のファイルにした場合、彼らは別のファイルにあった場合は他の2つは、彼らがGenericModelをインポートする必要があるだろうが、それはEntityModelとUserModel をインポートする必要があるだろうことは明らかです。

GenericModel --- has to import --> EntityModel, UserModel

EntityModel --- has to import --> GenericModel

UserModel --- has to import --> GenericModel

それはクラスが別の.TSファイルであり、今も何をしてコードをリファクタリングする方法があるのだろうか。

ありがとうございました！

Answer 1

ここでのトリックは、循環依存を自分のモジュールに分離することです。すべてのfromJsonメソッドを1つの新しいモジュールに抽出します。それでをModelFactoryのようなクラスに変換します。なぜなら、これは今や工場パターンに似ているからです。

export class ModelFactory { 
    // maybe add a constructor for some configuration data, maybe not 

    create(json: any) { 
    ... 
    } 
} 

今、私はまた、あなたがanyとしてjsonオブジェクトを入力していることがわかり：だから、最終的な結果は次のようになります。これは、あなたがそのタイプの少なくともいくつかのプロパティを知っているように見えるときには、少し広いようです。

export interface ModelJson { // find a better name 
    text?: string; 
    id?: number; 
    uuid?: UUID; 
    alias?: string; 
    rand?: number; 
    ... 
} 

type UUID = number; 

これは、物事のよりtypescriptyの方法です：私はこのように、JSONオブジェクトのためのインタフェースを作成しようと思います。