Declarando variables en la clase de JavaScript: esto vs. var. ¿Diferencia?

Question

¿Cuál es la diferencia entre declarar variables internas dentro de una clase de JavaScript con este vs var?

Ejemplo:

function Foo() { 
    var tool = 'hammer'; 
} 

function Foo2() { 
    this.tool = 'hammer'; 
} 

Una diferencia somos conscientes de que es Foo2.tool le dió "martillo", mientras que Foo.tool rendirá indefinido.

¿Hay otras diferencias? Recomendaciones para uno contra el otro?

Gracias!

Answer 1

aquí no hay "uno u otro" ya que el propósito de los dos es diferente.

Considera:

var Melee = function(){ 

    //private property 
    var tool = 'hammer'; 

    //private method 
    var attack = function(){ 
     alert('attack!'); 
    }; 

    //public property 
    this.weapon = 'sword'; 

    //public methods 
    this.getTool = function(){ 
     return tool; //can get private property tool 
    }; 
    this.setTool = function(name){ 
     tool = name; //can set private property tool 
    }; 
}; 

var handitem = new Melee(); 
var decoration = new Melee(); 

//public 
handitem.weapon;     //sword 
handitem.getTool();    //hammer 
handitem.setTool('screwdriver'); //set tool to screwdriver 
handitem.getTool();    //is now screwdriver 

//private. will yield undefined 
handitem.tool; 
handitem.attack(); 

//decoration is totally different from handitem 
decoration.getTool();   //hammer 

• handitem.weapon en programación orientada a objetos es una "propiedad pública", accesible desde el exterior. si creé esta instancia de Melee, puedo acceder y modificar weapon ya que está abierta al público.

• handitem.tool es un "propiedad privada". solo es accesible desde el interior del objeto. no es visible, no accesible y no modificable (al menos directamente) desde el exterior. intentar acceder a él devolverá undefined

• handitem.getTool es un "método público". ya que está en el interior del objeto, tiene acceso a la propiedad privada tool y la obtiene desde el exterior. una especie de puente hacia el mundo privado.

• handitem.attack es un método privado. como todo lo privado, solo se puede acceder desde adentro. en este ejemplo, no hay manera de llamar attack() (por lo que estamos a salvo de los ataques: D)