鑄造純JavaScript中的對象

Question

function Person() { 
     var self = this; 

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

function Animal(){ 
    var self=this; 

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

服務器響應發揮作用的實例（ 「類」）：

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

我從服務器獲取人陣。我想要將通用Person數組轉換爲類型Person數組。所以，我可以使用

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

我創辦了JavaScript的

Object.create(Person,person1); 

但我想跨瀏覽器的版本，它與陣列支持

ObjectArray.create(Person,persons); 

或

Object.create(Person[],persons); 

Answer 1

創建在JavaScript對象要求其構造函數的調用。所以，起初你需要找到正確的參數，這可能並不總是屬性。之後，您可以將JSON解析對象的所有公共屬性重新分配給創建的實例。

一般的解決方案是每個構造函數都接受任何看起來像實例（包括實例）的對象並對它們進行克隆。所有創建適當實例所需的內部邏輯都將位於正確的位置。

或大於超載的構造更好的可能是創建類，從他們需要的對象，並創建實例的靜態方法：

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

---

你的情況很簡單，因爲你不」沒有任何爭論，只有公共財產。要改變{personName:John,animals:[]}對象實例，使用此：

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

您還可以使用Object.extend功能對於這一點，你應該有一個可用的（如jQuery的）：

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

的Animal實例的創建作品類似。

由於JSON不運有關的類的任何信息，您必須知道之前的結構。你的情況將是：

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]); 
    } 
} 

順便說一句，你run方法很可能要在Animal.prototype對象，而不是每個實例的補充。

Answer 2

首先全部：在JavaScript中你沒有像我這樣的課程n C++，Java或C＃。所以你不能真的有一個類型數組。

你在做什麼應該基本上適用於變量，但不適用於函數。所以你必須先添加函數。看看下面的代碼來獲得一個想法。

<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

如何在Person類上創建靜態方法，它將接受您的服務器響應並創建所需的變量。

這只是一個想法。請看看這是否符合你的問題。

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

好像你有有一些原型方法的類，你只是想能夠讓你的對象使用這些方法。 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(); 
}); 

這都可能是一個更容易（和我們能夠避免所有的複製）如果大家支持__proto__財產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(); 
});​