TypeScript'te çalışma zamanı türü dökümleme nasıl yapılır?

Question

Şu anda bir typescript projesi üzerinde çalışıyorum ve TypeScript'in tabloya getirdiği tür çıkarımından gerçekten keyif alıyorum. Ancak - HTTP nesneleri alırken çağrıları - Zamanım derlemek , istenen türüne onları döküm kod tamamlama almak ve üzerlerinde işlevleri çağırmak, ancak hatalar bu sonucu çalışma zamanı

Örnek:

class Person{ 
    name: string; 

    public giveName() { 
     return this.name; 
    } 

    constructor(json: any) { 
     this.name = json.name; 
    } 
} 

var somejson = { 'name' : 'John' }; // Typically from AJAX call 
var john = <Person>(somejson);  // The cast 

console.log(john.name);  // 'John' 
console.log(john.giveName()); // 'undefined is not a function' 

Bu, güzel bir şekilde derlenmiş olsa da ve intellisense işlevi kullanmamı önerse de, bir çalışma zamanı istisnası verir. Bunun için bir çözüm:

var somejson = { 'name' : 'Ann' }; 
var ann = new Person(somejson); 

console.log(ann.name);  // 'Ann' 
console.log(ann.giveName()); // 'Ann' 

Ancak bu, tüm türlerim için kurucular oluşturmamı gerektirecektir. Patikularda, ağaç benzeri tiplerle ve/veya AJAX-çağrısı ile gelen koleksiyonlarla uğraşırken, tüm öğeler arasında dolaşmak ve her biri için yeni bir örnek oluşturmak gerekir.

Benim soru: Bunu yapmak için daha şık bir yolu var mı? Yani, bir türe dökülür ve prototipik işlevler anında kullanılabilir mi?

Answer 1

Derlenmiş Javascript'e bir göz atın ve siz sadece derleme için olduğu için türün kaybolduğunu göreceksiniz. Şu anda derleyiciye somejson nesnesinin Person türünde olduğunu söylüyorsunuz. Derleyici size inanıyor, ancak bu durumda bu doğru değil.

Bu sorun, bir çalışma zamanı JavaScript sorundur.

Bunu işe koymanın temel amacı, bir şekilde JavaScript'in sınıflar arasındaki ilişkinin ne olduğunu anlatmasıdır. Yani ...

1. sınıflar arasındaki ilişkiyi açıklamak için bir yol bulun.
2. Bu ilişki verilerine göre jsonları otomatik olarak sınıflara eşlemek için bir şeyler oluşturun.

bunu çözmek için birçok yolu vardır, ama başımın üstü kapalı bir örnek sunacağız. Bu, yapılması gerekenleri açıklamaya yardımcı olmalıdır. Biz benzer türdeki nasıl JavaScript söylememe gerek

{ 
    name: 'John', 
    child: { 
     name: 'Sarah', 
     child: { 
      name: 'Jacob' 
     } 
    } 
} 

Person örnekleri olmak otomatik olarak bu eşleştirmek için:

class Person { 
    name: string; 
    child: Person; 

    public giveName() { 
     return this.name; 
    } 
} 

Ve bu json verilerini:

bu sınıf var ki . TypeScript türü bilgilerini kullanamıyoruz çünkü bir kere derlendikten sonra kaybedeceğiz. Bunu yapmanın bir yolu, bunu açıklayan türde bir statik özelliğe sahip olmaktır.Örneğin: Aşağıdaki kod çalışacaktır Şimdi

function createInstanceFromJson<T>(objType: { new(): T; }, json: any) { 
    const newObj = new objType(); 
    const relationships = objType["relationships"] || {}; 

    for (const prop in json) { 
     if (json.hasOwnProperty(prop)) { 
      if (newObj[prop] == null) { 
       if (relationships[prop] == null) { 
        newObj[prop] = json[prop]; 
       } 
       else { 
        newObj[prop] = createInstanceFromJson(relationships[prop], json[prop]); 
       } 
      } 
      else { 
       console.warn(`Property ${prop} not set because it already existed on the object.`); 
      } 
     } 
    } 

    return newObj; 
} 

:

const someJson = { 
     name: 'John', 
     child: { 
      name: 'Sarah', 
      child: { 
       name: 'Jacob' 
      } 
     } 
    }; 
const person = createInstanceFromJson(Person, someJson); 

console.log(person.giveName());    // John 
console.log(person.child.giveName());  // Sarah 
console.log(person.child.child.giveName()); // Jacob 

class Person { 
    static relationships = { 
     child: Person 
    }; 

    name: string; 
    child: Person; 

    public giveName() { 
     return this.name; 
    } 
} 

Sonra burada bu ilişki verilerine dayanarak bizim için nesneleri oluştururken kolları yeniden kullanılabilir fonksiyonun bir örnek

Playground

İdeal, en iyi yol, aslında TypeScript kodunu okuyan ve sınıflar arasındaki ilişkiyi tutan bir nesne oluşturan bir şeyin kullanılması olacaktır. Bu şekilde, ilişkileri el ile sürdürmemize ve kod değişiklikleri konusunda endişelenmemize gerek yoktur. Örneğin, şu anda kodu yeniden düzenleme kodu bu kurulumla ilgili bir risktir. Şu an böyle bir şeyin var olduğundan emin değilim, ama kesinlikle mümkün.

Alternatif Çözüm Sadece ben zaten biraz farklı çözüm ile benzer bir soru cevap fark

(yani gerçi yuvalanmış verileri içermez). Biraz daha fazla fikir için buradan okuyabilirsiniz:

JSON to TypeScript class instance?

Answer 2

sınıfın prototip dinamik nesnesine etkilenebilir:

function cast<T>(obj: any, cl: { new(...args): T }): T { 
    obj.__proto__ = cl.prototype; 
    return obj; 
} 

var john = cast(/* somejson */, Person); 

the documentation of __proto__ here bakınız.