Allegare il prototipo all'oggetto JavaScript

Question

Diciamo che ho il seguente JSON con oggetti personali.

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

Se analizzo questo, otterrò un array con due oggetti JavaScript. Diciamo, voglio dotare questi due oggetti con un metodo chiamato introdurre, che fa qualcosa di simile

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

Ora, ho potuto iterare i miei due persone e chiamare

person.constructor.prototype.introduce = introduce 

Tuttavia, questo esporterà la funzione di introduzione in TUTTI gli oggetti JavaScript, non solo i due sopra.

Potrei anche collegare manualmente la funzione a ciascun oggetto, ma se voglio estendere il mio personale con funzioni aggiuntive, dovrò ripetere tutte le persone nuovamente.

Idealmente, mi piacerebbe un prototipo che io possa adattare con il metodo introduce e quindi collegare questo prototipo a tutte le mie persone, quindi se in seguito estenderò il prototipo, il mio personale otterrà anche altre funzioni.

La domanda è: come?

Answer 1

È possibile utilizzare lo deprecato__proto__ proprietà o il metodo ES6 Object.setPrototypeOf. Si noti che è fortemente sconsigliato per modificare il prototipo di un oggetto (c.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/proto) ma sembra essere un caso legittimo.

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

Quindi per la vostra problema specifico:

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

Poi per ogni persona:

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

Ecco un JSPerf rilevante: http://jsperf.com/parse-json-into-an-object-and-assign-a-prototype

filo Correlati: https://groups.google.com/forum/#!topic/ringojs/PxS1O5jMx-8

Answer 2

suggerisco di creare una classe:

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

Sei la questione è un po 'confuso per capire.Ma penso che non si desidera che il "persona" ad essere un oggetto regolare, ma piuttosto una persona "di classe:" separato

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

fare una semplice Person classe:

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

Dire, si avere questa matrice:

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

Converti people-Person array:

012.

aggiungere il metodo di prototipo:

Person.prototype.introduce = introduce 

Answer 5

Creare una classe persona e utilizzare 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

Vorrei suggerire la creazione di una struttura per queste persone.

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

E poi iterare per costruire le persone.

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

Ora che le persone sono costruite, forse vorresti consentire loro di presentarsi. Puoi semplicemente estendere la tua "classe" Persona (definizione).

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

che permetterà loro di utilizzare questa funzione

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

Answer 7

Se non si vuole ri costruire ogni volta che si potrebbe provare questo:

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

Se gli oggetti JSON hanno molti membri quindi questo potrebbe salvarti dal doverli copiare nella funzione di costruzione, ma non sono sicuro che tu stia ottenendo più prestazioni da esso.