Comment convertir des objets génériques en instances typées en JavaScript ?

Casting d'objets génériques en instances typées en JavaScript

Énoncé du problème :

Réponses JSON de les serveurs contiennent souvent des objets simples qui représentent des instances de classe. La conversion de ces objets génériques en instances typées permet d'utiliser leurs méthodes de classe et d'accéder aux données typées.

Solution :

La création d'instances d'objet nécessite l'appel de leurs constructeurs. Cependant, les données JSON manquent d'informations sur le constructeur, une approche différente est donc nécessaire.

1. Clonage itératif :

Cette approche consiste à cloner les propriétés des objets simples vers des instances nouvellement créées :

<code class="javascript">var personLiteral = ...; // JSON.parse("...");
var personInstance = new Person();
for (var prop in personLiteral)
    personInstance[prop] = personLiteral[prop];</code>

2. Utilisation d'Object.assign :

Object.assign peut être utilisé pour accomplir la même tâche de manière plus concise :

<code class="javascript">var personInstance = Object.assign(new Person(), personLiteral);</code>

Pour des objets plus complexes avec des structures imbriquées, parcourez les propriétés et appliquer le même processus de clonage de manière récursive.

3. Clonage de constructeur personnalisé :

Chaque constructeur peut être étendu pour accepter des objets simples et les cloner, en gérant toute la logique nécessaire :

<code class="javascript">Person.fromJSON = function(obj) {
    // custom code, as appropriate for Person instances
    // might invoke `new Person`
    return …;
};</code>

Exemple :

Dans votre scénario spécifique, appliquez le processus de clonage aux objets Personne et Animal :

<code class="javascript">var persons = JSON.parse(serverResponse);
for (var i=0; i<persons.length; i++) {
    persons[i] = $.extend(new Person, persons[i]);
    for (var j=0; j<persons[i].animals; j++) {
        persons[i].animals[j] = $.extend(new Animal, persons[i].animals[j]);
    }
}</code>

N'oubliez pas que les méthodes d'exécution doivent être ajoutées au prototype Animal plutôt qu'aux instances individuelles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!