Inicjowanie wartości klasy maszynopisu z konstruktora

Question

Używam TypeScript do tworzenia klas z KnockoutJS, z danymi ładowanymi z niektórych JSON zwróconych przez WebAPI.

Problem polega na tym, że chciałem skopiować wartości JSON do mojej klasy TypeScript z konstruktora: ale jeśli zrobię to tylko w klasie bazowej, odziedziczone właściwości nie zostały zdefiniowane, a więc nie są inicjowane.

Przykład

Chcemy stworzyć element inwentaryzacji z odpowiedzi JSON:

{ Name: "Test", Quantity:1, Price: 100 } 

Mam klasy bazy produktowej oraz dziedziczone klasy zapasy:

export class Product { 
    Name = ko.observable(""); 

    constructor(source) { 
    // a utility that copies properties into this instance 
    utils.CopyProperties(source,this); 
    } 

export class Inventory extends Product { 
    Quantity = ko.observable(0); 
    Price = ko.observable(0); 

    constructor(source) { 
    super(source); // call base c'tor 
    // the quantity and price properties are only now defined 
    } 
} 

właściwościach Zapasy są tworzone tylko w kodzie wyjściowym JS po wywołaniu konstruktora super-, więc nie istnieją, gdy konstrukcja produktu lub jest wykonywany.

Jedyne rozwiązanie, jakie widzę, to odebranie wartości inicjalizacyjnej konstruktorowi, ale nie podoba mi się to podejście, chociaż podejrzewam, że jest to jedyna opcja.

var inventoryItem = new Inventory(); 
    inventoryItem.LoadFrom(source); 

Answer 1

Najlepszy mogę wymyślić, co pozwala mieć rutynę baza deserializacjia, która jest wywoływana z konstruktora jest to (zmodyfikowane w celu usuwania nokaut zależność do testowania):

class utils { 
    public static CopyProperties(source:any, target:any):void { 
     for(var prop in source){ 
      if(target[prop] !== undefined){ 
       target[prop] = source[prop]; 
      } 
      else { 
       console.error("Cannot set undefined property: " + prop); 
      } 
     } 
    } 
} 

class Product { 
    Name = "Name"; 

    constructor(source) { 
    this.init(source); 
    } 

    init(source){ 
    utils.CopyProperties(source,this); 
    } 
} 

class Inventory extends Product { 
    Quantity; 
    Price; 

    constructor(source) { 
    super(source); 
    } 

    init(source){ 
     this.Quantity = 0; 
     this.Price = 0; 
     super.init(source); 
    } 
} 

var item = new Inventory({ Name: "Test", Quantity: 1, Price: 100 }); 

to jest dziwne, że zmienne są inicjowane tylko w JS po wywołaniu super(). Może warto raising a work item on codeplex?

Playground.

Answer 2

Takie podejście wydaje się działać dla mnie:

/// <reference path="knockout.d.ts" /> 

export class Product { 
    Name: KnockoutObservableString; 

    constructor(source) { 
     this.Name = ko.observable(source.Name); 
    } 
} 

export class Inventory extends Product { 
    Quantity: KnockoutObservableNumber; 
    Price: KnockoutObservableNumber; 

    constructor(source) { 
     super(source); 
     this.Quantity = ko.observable(source.Quantity); 
     this.Price = ko.observable(source.Price); 
    } 
} 

var item = new Inventory({ Name: "Test", Quantity: 1, Price: 100 });