Dichiarare le variabili nella classe JavaScript: questo contro var. Differenza?

Question

Qual è la differenza tra la dichiarazione di variabili interne all'interno di una classe JavaScript con questo rispetto a var?

Esempio:

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

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

Una differenza che siamo a conoscenza è Foo2.tool sarà resa "martello", mentre Foo.tool produrrà indefinito.

Ci sono altre differenze? Raccomandazioni per l'una contro l'altra?

Grazie!

Answer 1

qui non c'è "uno o l'altro" qui poiché lo scopo dei due è diverso.

considerare questo:

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 in OOP è una "proprietà pubblica", accessibile dall'esterno. se ho creato questa istanza di Melee, posso accedere e modificare weapon dal momento che è aperto al pubblico.

• handitem.tool è una "proprietà privata". è accessibile solo dall'interno dell'oggetto. non è visibile, non accessibile e non è modificabile (almeno direttamente) dall'esterno. provando ad accedere restituirà undefined

• handitem.getTool è un "metodo pubblico". dal momento che si trova all'interno dell'oggetto, ha accesso alla proprietà privata tool e ottenerlo dall'esterno. sorta di ponte verso il mondo privato.

• handitem.attack è un metodo privato. come tutte le cose private, è accessibile solo dall'interno. In questo esempio, non v'è alcun modo per chiamare attack() (quindi siamo al sicuro dagli attacchi: D)