デコレータで非プロトタイプにプロパティを割り当てる

Question

私はフロントエンド/バックエンドのデータ構造間の単純なマッピングを構築しています。

function ApiField(
    apiKey: string, 
    setFn: (any) => any = (ret) => ret, 
    getFn: (any) => any = (ret) => ret 
) { 
    return function (target: AbstractModel, propertyKey: string) { 
     target.apiFieldsBag = target.apiFieldsBag || {}; 
     _.assign(
      target.apiFieldsBag, 
      { 
       [propertyKey]: { 
        apiKey: apiKey, 
        setFn: setFn, 
        getFn: getFn 
       } 
      } 
     ); 
    }; 
} 

そして、これは私がそれを使用する方法です：：

class AbstractCar { 
    @ApiField('id') 
    public id: string = undefined; 
} 

class BMW extends AbstractCar { 
    @ApiField('cylinders') 
    public cylinderCount: number; 
} 

class VW extends AbstractCar { 
    @ApiField('yearCompanyFounded') 
    public yearEstablished: number; 
} 

私が見ている問題があることの代わりに、私は次のようなデコレータを作成したことを行うために実際のオブジェクトは、それが常にそのプロトタイプだデコレータに渡される：

__decorate([ 
    ApiField('yearCompanyFounded') 
], VW.prototype, "yearEstablished", void 0); 

私はデコレータでインスタンスにコンテンツを割り当てるいて、それは常にプロトタイプに装着されていることを意味していますつまり、VWインスタンスのみを定義したいプロパティは、AbstractCarクラスとBMWクラス（この例ではyearEstablished）で使用できます。これにより、同じ名前で2つの異なるクラスの異なるAPIフィールドを持つことは不可能になります。

この動作を回避する方法はありますか？

Answer 1

今のところ、すべての3つのクラスはにプロパティを追加します同じオブジェクト。これを解決する鍵はクローンのオブジェクトtarget.dataにあります。そのため、各クラスは同じオブジェクトを参照するすべてのオブジェクトではなく、別のオブジェクトを使用しています。 ... ECMAScriptの7

function ApiField(str: string) { 
    return function (target: any, propertyKey: string) { 
     // I tested with Object.assign, but it should work with _.assign the same way 
     target.data = _.assign({}, target.data, { 
      [propertyKey]: str 
     }); 
    }; 
} 

class AbstractCar { 
    @ApiField("car") 
    public carID; 
} 

class BMW extends AbstractCar { 
    @ApiField("bmw") 
    public bmwID; 
} 

class VW extends AbstractCar { 
    @ApiField("vw") 
    public vwID; 
} 

AbstractCar.prototype.data; // Object {carID: "car"} 
BMW.prototype.data;   // Object {carID: "car", bmwID: "bmw"} 
VW.prototype.data;   // Object {carID: "car", vwID: "vw"} 

Answer 2

問題は、クラス内のpublicは標準のJavaScriptではないことです。これはTypeScriptが行うものだけです。したがって、あなたは何かが将来壊れるかもしれないので、あなたは慎重でなければなりません。

一つの可能​​性は（IINM、apiFieldsBagがthisにオブジェクトリテラルによって作成されたオブジェクトから転送されなければならない）インスタンスのプロパティを追加するObject.assign()を使用することです：

class AbstractCar { 
    constructor() { 
     Object.assign(this, { 
      @ApiField('id') 
      id: undefined, 
     }); 
    } 
}