Casting oggetti semplici a funzionare casi ("classi") in javascript

Question

function Person() { 
     var self = this; 

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

function Animal(){ 
    var self=this; 

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

risposta del server:

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

che sto ricevendo gamma persona dal server. Voglio trasmettere l'array Persona generico all'array Persona digitato. Così posso usare

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

ho fondato

Object.create(Person,person1); 

Ma voglio versione cross-browser JavaScript di esso con il supporto di matrice

ObjectArray.create(Person,persons); 

o

Object.create(Person[],persons); 

Answer 1

Creazione di un oggetto in JavaScript richiede l'invocazione del suo costruttore . Quindi, all'inizio dovrai trovare gli argomenti corretti, che potrebbero non essere sempre solo proprietà. Successivamente, è possibile riassegnare tutte le proprietà pubbliche dall'oggetto analizzato da JSON alle istanze create.

Una soluzione generale sarebbe che ogni costruttore accetta qualsiasi oggetto che assomigli a istanze (incluse istanze reali) e li clona. Tutta la logica interna necessaria per creare istanze appropriate verrà quindi posizionata nel posto giusto.

O anche meglio di sovraccaricare il costruttore potrebbe essere quello di creare un metodo statico sulla classe che prende gli oggetti e crea istanze da loro:

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

---

Il tuo caso è molto semplice, come si don' t avere argomenti e solo proprietà pubbliche.Per cambiare {personName:John,animals:[]} a un'istanza di un oggetto, utilizzare questo:

var personLiteral = ... // JSON.parse("..."); 
var personInstance = new Person(); 
for (var prop in personLiteral) 
    personInstance[prop] = personLiteral[prop]; 

È anche possibile utilizzare Object.extend funzionalità per questo, se avete uno a disposizione (ad esempio jQuery):

var personInstance = $.extend(new Person(), personLiteral); 

La creazione delle Animal casi funziona in modo analogo

Poiché JSON non trasferisce alcuna informazione sulle classi, è necessario conoscere la struttura in precedenza. Nel tuo caso sarà:

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, i vostri metodi run sembra probabile essere aggiunto sulla Animal.prototype oggetto invece di ogni istanza.

Answer 2

Prima di tutto: in JavaScript non hai classi come me n C++, Java o C#. Quindi non puoi avere un array tipizzato.

Quello che stai facendo dovrebbe funzionare fondamentalmente per le variabili, ma non per le funzioni. Quindi dovresti prima aggiungere le funzioni. Dai un'occhiata al seguente codice per avere un'idea.

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

Answer 3

Come creare un metodo statico su Person Class, che accetterà la risposta del server e creerà le variabili richieste.

Questa è solo un'idea. Si prega di vedere se questo si adatta al tuo problema.

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

Answer 4

Sembra che si dispone di classi che hanno alcuni metodi prototipo e si era appena piacerebbe essere in grado di rendere i vostri oggetti utilizzano questi metodi. 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(); 
}); 

tutto questo potrebbe essere molto più facile (e potremmo evitare tutta la copia) se tutti sostenuto la __proto__ proprietà 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(); 
});​