Conversion d'objets simples en instances de fonction ("classes") en javascript

function Person() {
      var self = this;

      self.personName="";
      self.animals=[];
}

function Animal(){
     var self=this;

     self.animalName="";
     self.run=function(meters){
         .....
     }
}

Réponse du serveur:

 [{personName:John,animals:[{animalName:cheetah},{animalName:giraffe}]} , {personName:Smith,animals:[{animalName:cat},{animalName:dog}]} ]

Je suis la Personne tableau à partir du serveur. Je veux cast Personne générique tableau typé Personne de tableau. Donc je peux l'utiliser

 persons[0].Animals[2].Run();

J'ai fondé du Javascript

 Object.create(Person,person1);

Mais je veux de la croix-navigateur version de celui-ci avec de la matrice de soutien

  ObjectArray.create(Person,persons);

 Object.create(Person[],persons);

source d'informationauteur ozz | 2012-08-04

casting javascript

15

La création d'un objet en JavaScript nécessite l'invocation de son constructeur. Donc, au premier abord, vous aurez besoin de trouver les bons arguments, qui peuvent ne pas toujours être seulement des propriétés. Après cela, vous pouvez réassigner toutes les propriétés publiques à partir du JSON analysé objet de la instances.

Une solution générale serait que chaque constructeur accepte tous les objets qui ressemblent à des instances (y compris les instances) et des clones. Toute la logique nécessaire à la création de leur propre cas sera situé au bon endroit ensuite.

Ou même mieux que de surcharger le constructeur pourrait être de créer une méthode statique de la classe qui prend des objets et de créer des instances d'eux:
```
Person.fromJSON = function(obj) {
    //custom code, as appropriate for Person instances
    //might invoke `new Person`
    return …;
};
```
Votre cas est très simple, car vous n'avez pas d'arguments, et seulement des propriétés publiques. Pour changer {personName:John,animals:[]} à une instance d'objet, utilisez ceci:
```
var personLiteral = ... //JSON.parse("...");
var personInstance = new Person();
for (var prop in personLiteral)
    personInstance[prop] = personLiteral[prop];
```
Vous pouvez également utiliser Object.assign fonctionnalité (ou, par exemple, jQuery.extend pré-ES6) pour cela:
```
var personInstance = Object.assign(new Person(), personLiteral);
```
La création de la Animal cas des œuvres analogues.

JSON n'est pas le transport de toute information sur les cours, vous devez connaître la structure avant. Dans votre cas, ce sera:
```
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]);
    }
}
```
Btw, votre run méthodes semble susceptible d'être ajouté sur le Animal.prototype objet à la place de chaque instance.

Il semble que vous ayez des classes qui ont certains prototypes de méthodes et que vous souhaitez simplement être en mesure de faire de vos objets d'utiliser ces méthodes. http://jsfiddle.net/6CrQL/3/

function Person() {}

Person.prototype.speak = function() {
   console.log("I am " + this.personName);
};

Person.prototype.runAnimals = function() {
    this.animals.each(function(animal){
       animal.run();
    })
};

function Animal() {}

Animal.prototype.run = function() {
    console.log("My Animal " + this.animalName+ "  is running");
}

var untypedPersons =  [{personName:"John",animals:[{animalName:"cheetah"},{animalName:"giraffe"}]} , {personName:"Smith",animals:[{animalName:"cat"},{animalName:"dog"}]} ];   

function fromArray(arr, constructor) {
   return arr.map(function(obj){
       var typed = Object.create(constructor.prototype);
       //Now copy properties from the given object
       for (var prop in obj)  {
           typed[prop] = obj[prop];
       }
       return typed;
   });
}

var persons = fromArray(untypedPersons, Person);
//Attach prototype to each animals list in person
persons.each(function(person){
    person.animals = fromArray(person.animals, Animal);
});

persons.each(function(person){
    person.speak();
    person.runAnimals();  
});

Cela pourrait être beaucoup plus facile (et nous avons pu éviter la copie) si tout le monde a soutenu l' __proto__ propriété http://jsfiddle.net/6CrQL/2/

persons.each(function(person){
  person.__proto__ = Person.prototype;
  person.animals.each(function(animal){
    animal.__proto__ = Animal.prototype;
  });
});

persons.each(function(person){
  person.speak();
  person.runAnimals();  
});

Tout d'abord: En JavaScript, vous n'avez pas de classes comme en C++, Java ou C#. Si vous ne pouvez pas vraiment avoir un tableau typé.

Ce que vous faites devrait, pour l'essentiel des travaux pour les variables, mais pas pour les fonctions. Donc, vous devez ajouter les fonctions de premier. Regardez le code suivant pour avoir une idée.

<script type="text/javascript">

function Person() {
      var self = this;

      self.personName="";
      self.animals=[];
}

function Animal(){
     var self=this;

     self.animalName="";
     self.run=function(meters){
         7/... do something
     }
}

var persons = [{personName:"John",animals:[{animalName:"cheetah"},{animalName:"giraffe"}]} , {personName:"Smith",animals:[{animalName:"cat"},{animalName:"dog"}]} ];

//use this to assign run-function
var a = new Animal();

//assign run-function to received data
persons[0].animals[0].run = a.run;

//now this works
persons[0].animals[0].run();

</script>

Comment sur la création d'une méthode Statique sur la Classe Personne, qui va accepter votre réponse du serveur et de créer des variables requises.

C'est juste une idée. Merci de voir si cela correspond à votre problème.

//Static method
Person.createObjects = function( response ) {
    var persons = [];
    for ( var p = 0; p < response.length; p++ ) {
        //Create Person
        var person = new Person( response[p].personName );
        //Create Animals
        for ( var a = 0; a < response[p].animals.length; a++ ) {
           var animal = new Animal( response[p].animals[a].animalName );
           //Push this animal into Person
           person.animals.push ( animal );
        }
        //Push this person in persons
        persons.push ( person );
    }
    //Return persons
    return persons;
}

//Now Create required persons by passing the server response
var persons = Person.createObjects ( response );

Vous devez vous connecter pour publier un commentaire.