Zuweisen von Eigenschaften zu Nicht-Prototyp mit Dekoratoren

Question

Ich baue eine einfache Zuordnung zwischen Frontend/Backend-Datenstruktur. Um das zu tun, dass ich ein Dekorateur erstellt haben, die wie folgt aussieht:

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 
       } 
      } 
     ); 
    }; 
} 

Und das ist, wie ich es verwenden:

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; 
} 

Das Problem, das ich sehe, ist, dass statt das eigentliche Objekt an den Dekorateur geleitet wird es immer sein Prototyp:

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

was bedeutet, dass, wie ich Sachen in dem Dekorateur zum Beispiel am zuweisen, es immer mit dem Prototyp angebracht ist, die wiederum bedeutet, dass Eigenschaften, die ich möchte nur die VW Instanz definiert sind auch auf der Klasse verfügbar (in diesem Beispiel wäre dies). Dies macht es unmöglich, zwei Eigenschaften mit demselben Namen, aber unterschiedlichen API-Feldern in zwei verschiedenen Klassen zu haben.

Gibt es eine Möglichkeit, dieses Verhalten zu umgehen?

Answer 1

jetzt rechts, alle drei Klassen Eigenschaften hinzufügen zu das gleiche Objekt. Der Schlüssel, um dies zu beheben, ist Clone das Objekt auf target.data, so dass jede Klasse ein anderes Objekt verwendet, anstatt alle auf das gleiche Objekt beziehen.

Hier ist ein einfacheres Beispiel, die eine Art und Weise zeigt, dies zu tun:

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

Das Problem ist, dass public innerhalb einer Klasse nicht Standard-JavaScript ist, ist es nur etwas, das TypeScript tut. Deshalb müssen Sie vorsichtig sein, denn alles, was Sie tun, kann in der Zukunft brechen.

Eine Möglichkeit Object.assign() verwenden Instanz Eigenschaften hinzufügen (IINM, apiFieldsBag sollte aus dem durch die Objektliteral zu this erstellte Objekt übertragen werden):

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