JavaScript POO: definición del método con o sin "prototipo"

Question

¿Es este código,

function Person() { 
    function myMethod() { 
     alert ('hello'); 
    } 
    this.method = myMethod; 
} 

equivalente a:

function Person() { } 
Person.prototype.method2 = function() { 
    alert ('hello'); 
}; 

Si es así, que la definición del método debería utilizar y por qué?

Answer 1

están funcionalmente equivalente en su ejemplo sencillo, pero detrás de las escenas de trabajo de manera muy diferente. La propiedad prototype en una función es realmente la "plantilla de prototipo". Dice "cada vez que se hace un objeto y me utilizan como constructor del objeto, les doy este objeto como su prototipo".

Así que todos los Person s creados en su segundo ejemplo comparten la misma copia del método method2.

En el primer ejemplo, cada vez que el intérprete se encuentra con la palabra clave function, entonces se crea un nuevo objeto de función. Por lo tanto, en el primer ejemplo, cada instancia de Person tiene su propia copia del método myMethod. La gran mayoría de las veces esto no importa. Pero este primer enfoque usa más memoria y, a veces, eso sí importa.

Ellos no son funcionalmente equivalentes en los casos más interesantes. En el primer ejemplo, myMethod puede acceder a las variables locales definidas en Person, pero el segundo ejemplo no puede, como una diferencia.

Answer 2

No, no son equivalentes. Aunque, son similares. El primer método creará una nueva función myMethod para cada new Person() creado.

El segundo método tendrá una función method2 que es "compartida" por todos Person's.

Answer 3

En el primer escenario, cuando crea una nueva persona, var person1 = new Person();, tendrá su propia copia de myMethod. Si crea objetos de 100 personas, cada uno tendrá su propia copia de este método.

El uso de un prototipo, cada nuevo objeto persona compartirá la definición del método. Esto es mucho más eficiente desde el punto de vista de la memoria, ya que solo habrá una copia del método.

Si usted está planeando tener varios objetos Persona, la segunda manera es mejor .. pero si sólo hay unos pocos objetos de un persona, no importará mucho.

Answer 4

Ellos tienen una funcionalidad similar pero debería utilizar el segundo método (prototipo), porque cuando se va a crear un objeto utilizando new Person() cada objeto compartirán el mismo method2 pero utilizando el primer enfoque cada nuevo objeto tendrá su propia myMethod() que consumirá moe memoria.

Hace unos días hice una pregunta similar y obtuvethis answer.

Answer 5

No es totalmente equivalente.

En ambos casos, se define una función (constructor) Person() en el espacio de nombres global.

En el primer caso, define una nueva función myMethod() en un cierre dentro de la función Person(). Normalmente, la función myMethod() no estaría disponible después de la función/constructor Person() acabados. Sin embargo, en este caso, lo asigna al this.method. Por lo tanto, cuando se ejecuta el constructor se crea

var myPerson = new Person(); 

Un nuevo objeto, entonces la función se llama con Person()this conjunto al nuevo objeto. Por lo tanto, el nuevo objeto recibe un campo method con myMethod función fijado a ella.

En el segundo caso, method2 se define dentro del Person.prototype. En este caso, cuando se llama

var myPerson = new Person(); 

no habrá ningún campo definido directamente dentro de su nuevo objeto (como usted no hace nada con this en la función Person). Sin embargo, cada objeto contiene una referencia a su prototipo. Si el objeto se crea llamando Person(), esta referencia se establece en Person.prototype. Por lo tanto, su objeto contendrá finalmente method2, aunque no directamente en sí mismo, sino en el prototipo. Así que cuando se llama a

myPerson.method2(); 

el intérprete busca method2 dentro del objeto myPerson y no encuentra nada, entonces se ve en el prototipo de myPerson, que es Person.prototype y se encuentra method2, por lo que lo llama.

Larga historia corta: en la primera el constructor crea el método, por lo que cada vez que se llama al constructor, se crea un nuevo método y se inserta al nuevo objeto. En el segundo caso, el método se almacena en el prototipo, por lo que cada objeto que cree tendrá la referencia a la misma instancia de su método.