Prototipo vs. No, ¿qué son los beneficios?

Question

Aquí hice dos objetos; uno tiene métodos de acceso creados en el constructor, el otro en el prototipo. ¿Por qué elegir uno de estos sobre el otro?

function spy1(name){ 
    this.name = name; 
    var secret; 
    this.setSecret = function(message){ 
    secret = message; 
    }; 
    this.getSecret = function(){ 
    return secret; 
    }; 
} 

function spy2(name){ 
    this.name = name; 
    this.secret; 
    /* (see comment) was: 
    var secret; 
    */ 
} 
spy2.prototype.setSecret = function(message){ 
    this.secret = message; 
    /*was: 
    secret = message; 
    */ 
}; 
spy2.prototype.getSecret = function(){ 
    return this.secret; 

    /*was: 
    return secret; 
    */ 
}; 

bond = new spy1("007"); 
smart = new spy2("86"); 

bond.setSecret("CONTROL is a joke."); 
smart.setSecret("The British Secret Service is for sissies."); 

Answer 1

El differrence primordial es que en el primer ejemplo, y sin prototipo, la implementación y getSecretsetSecret función residirá en cada instancia de Spy1.

En el segundo ejemplo, las funciones se definen en el prototipo, y todos los casos se refieren a ellos directamente, puede probarlo:

var bond = new spy1("007"), 
    bond2 = new spy1("007"); 

bond.getSecret === bond2.getSecret; // <-- false since they are two functions 

var smart = new spy2("86"), 
    smart2 = new spy2("86"); 


smart.getSecret === smart2.getSecret; // <-- true since is the same function 
             // on all instances 

También tenga en cuenta lo que @ T. J. comentado, en su segundo ejemplo, utilizando el prototipo, no tiene acceso al cierre de la función del constructor, y para eso está haciendo una variable global window.secret.

Si tiene la intención de trabajar con privileged methods, extendiendo el prototipo no es una opción, todos los métodos que necesitan acceder a las variables definidas dentro del ámbito de la función constructora necesidad de ser declaradas dentro de ella ...

Vea también: Closures.

Answer 2

Con la segunda versión terminas con un "constructor" más limpio.

Answer 3

En su primer ejemplo, está creando nuevas funciones para cada instancia del objeto cuando crea una instancia nueva. En el segundo, solo se crea una copia única de la función que es utilizada por todos instancias.

La segunda manera puede ahorrar memoria. También puede usar prototype chaining para implementar la herencia.

Por cierto, su segundo ejemplo no funcionará como está escrito. la variable secret en spy2 es local para el constructor. En las funciones setSecret y getSecret en el prototipo, está accediendo a una sola variable global.