將原型附加到JavaScript對象

Question

假設我對人物具有以下JSON。

[ 
    { 
    "name": "Alice", 
    "age": 28, 
    }, 
    { 
    "name": "Bob", 
    "age": 33 
    } 
] 

如果我解析這個，我將得到一個包含兩個JavaScript對象的數組。 比方說，我要裝備一個叫做介紹方法這兩個對象，這並不像這樣

function introduce() { 
    return "My name is " + this.name + " and I am " + this.age + " years old."; 
} 

現在，我可以遍歷我的兩個人，並呼籲

person.constructor.prototype.introduce = introduce 

然而，這將在所有JavaScript對象中公開引入函數，而不僅僅是上述兩個。

我也可以手動將函數附加到每個對象上，但是如果我想用額外的函數擴展我的人員，我將不得不遍歷所有人。理想情況下，我想要一個原型，我可以適應introduce方法，然後將這個原型附加到我的所有人，所以如果我後來擴展原型，我的人也將獲得更多的功能。

問題是：如何？

Answer 1

您可以使用已棄用__proto__屬性或ES6方法Object.setPrototypeOf。請注意，強烈不鼓勵突變對象的原型（c.f. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/proto），但它似乎是合法的用例。

var you = { name: "Niels B." } 
you.__proto__ = { hello: function() { console.log(this.name) } } 
you.hello() 

因此，對於您的具體問題：

function Person() {} 
Person.prototype = { 
    introduce: function() { 
    return "My name is " + this.name + " and I am " + this.age + " years old."; 
    } 
} 

然後爲每個人：

person.__proto__ = Person.prototype; 
// or 
Object.setPrototypeOf(person, Person.prototype); 

這裏有一個相關的JSPerf：http://jsperf.com/parse-json-into-an-object-and-assign-a-prototype

相關主題：https://groups.google.com/forum/#!topic/ringojs/PxS1O5jMx-8

Answer 2

我建議你創建一個類：

JSBin

var Person = (function() { 
    function Person(person) { 
     this.person = person; 
     this.name = person.name; 
     this.age = person.age; 
    } 
    Person.prototype.introduce = function() { 
     return "My name is " + this.name + " and I am " + this.age + " years old."; 
    }; 
    return Person; 
})(); 

Answer 3

你的問題有點模糊的瞭解。但我認爲你不希望你的「人」是一個普通的對象，而是一個獨立的人「類：」

var Person = function(obj){ 
    this.name = obj.name; 
}; 

Person.prototype.introduce = function(){ 
    return console.log('hi, I\'m '+this.name); 
}; 

var personA = new Person({ name:'a' }); 
var personB = new Person({ name:'b' }); 

personA.introduce(); // "hi, I'm a" 
personB.introduce(); // "hi, I'm b" 

Answer 4

做一個簡單的Person類：

function Person(name,age){ 
    this.name = name; 
    this.age = age 
} 

說，你有這樣的陣列：

var people = [ 
    { 
    "name": "Alice", 
    "age": 28, 
    }, 
    { 
    "name": "Bob", 
    "age": 33 
    } 
]; 

轉換people到Person數組：

people = people.map(function(p){ 
    return new Person(p.name,p.age) 
}); 

的方法添加到原型：

Person.prototype.introduce = introduce 

Answer 5

創建人類，並使用Person.prototype的：

function Person(name, age){ 
    this.name = name; 
    this.age= age; 
} 

function introduce() { 
    return "My name is " + this.name + " and I am " + this.age + " years old."; 
} 

Person.prototype.introduce = introduce; 

p1 = new Person ("bob", 33); 
p1.introduce(); 

Answer 6

我建議建立對這些人的結構。

var Person = function Person(init){ 
this.name = init.name; 
this.age = init.age; 
}; 
Person.constructor = Person; 

然後迭代構建人員。

var people = []; 
for(var i = 0; i < yourJson.length; i++){ 
people.push(new Person(yourJson[i])); 
} 

現在人們都建了，也許你想讓他們能夠介紹一下自己。你可以簡單地擴展你的Person「類」（定義）。

Person.prototype.introduce = function() { 
    return "My name is " + this.name + " and I am " + age + " years old."; 
} 

，這將使他們能夠使用此功能

for(var i = 0; i < people.length; i++){ 
console.log(people[i].introduce()); 
} 

Answer 7

如果你不想重新構建每次你可以試試這個時間：

var people =[ 
    { 
    "name": "Alice", 
    "age": 28, 
    }, 
    { 
    "name": "Bob", 
    "age": 33 
    } 
], 
i=-1,len=people.length,tmp 
,proto={ 
    sayName: function(){ 
    console.log("from sayname",this.data.name); 
    } 
}; 
while(++i<len){ 
    tmp=Object.create(proto); 
    tmp.data=people[i]; 
    people[i]=tmp; 
} 
people[0].sayName(); 
proto.sayName=function(){console.log("changed it");}; 
people[1].sayName(); 

如果你的JSON對象有許多成員可以避免將它們複製到構造函數中，但我不確定是否可以獲得更多性能。