¿Cuál sería la diferencia entre las siguientes dos formas de adjuntar un método (?) a una función principal:
var Person = function(first, last) { this.first = first; this.last = last; }; Person.prototype.personMethod = function() { // ... };Y:
var Person = function(first, last) { this.first = first; this.last = last; this.personMethod = function() { // ... }; }En el primer enfoque, el método se pone en el prototipo. Cada instancia compartirá el mismo personMethod porque cada instancia hereda de Person.prototype .
var Person = function(first, last) { this.first = first; this.last = last; }; Person.prototype.personMethod = function() { // ... }; const p1 = new Person(); const p2 = new Person(); console.log(p1.personMethod === p2.personMethod); console.log(p1.hasOwnProperty('personMethod')); console.log(Object.getPrototypeOf(p1).hasOwnProperty('personMethod')); console.log(Object.getPrototypeOf(p1) === Person.prototype);En el segundo enfoque, cada instancia tiene su propio método independiente y no está en el prototipo.
var Person = function(first, last) { this.first = first; this.last = last; this.personMethod = function() { // ... }; } const p1 = new Person(); const p2 = new Person(); console.log(p1.personMethod === p2.personMethod); console.log(p1.hasOwnProperty('personMethod')); En JavaScript moderno, generalmente es preferible usar una class en su lugar, que coloca métodos en el prototipo.
class Person { constructor(first, last) { this.first = first; this.last = last; } personMethod(){} }; const p1 = new Person(); const p2 = new Person(); console.log(p1.personMethod === p2.personMethod); console.log(p1.hasOwnProperty('personMethod')); console.log(Object.getPrototypeOf(p1).hasOwnProperty('personMethod')); console.log(Object.getPrototypeOf(p1) === Person.prototype);Asignar la función dentro del constructor puede ser útil si desea que la función se cierre sobre una variable cuyo ámbito solo esté en el constructor, lo que no funcionaría para los métodos si la variable no está configurada en la instancia.
var Person = function(first, last) { // say we don't want to assign these arguments to the instance // but we can still do this.getName = () => first + ' ' + last; } const p = new Person('John', 'Doe'); console.log(p.getName());