Diferencia entre var y esto en las funciones de Javascript?

Question

var tools = {}; 

tools.triangle = function() { 
    var originX = 0; 
    var originY = 0; 
} 

 

var tools = {}; 

tools.triangle = function() { 
    this.originX = 0; 
    this.originY = 0; 
} 

¿Hay alguna diferencia entre estos dos bloques de código? Lo siento si esto se ha preguntado antes.

Answer 1

var crea una variable local dentro tools.triangle. Las variables originX y originY no pueden interactuar con fuera de tools.triangle. this es un puntero al objeto actual con el que se está tratando. El segundo ejemplo se puede usar para dar propiedades a un objeto haciendo new tools.triangle();. Si no se utiliza new y sólo tiene que utilizar tools.triangle();, this apuntará al objeto global que es el objeto window. Se puede cambiar el objeto al que this puntos mediante el uso de los métodos de la función call(); y apply(); así:

var myObj = {}; 

tools.triangle.call(myObj); 

// "this" in tools.triangle now points to myObj 
// myObj now has the properties originX and originY 

Es importante saber que this pueden hacer referencia a cualquier objeto, así como ser indefinido o null en modo estricto ES5 .

Puede encontrar más información here.

Answer 2

En el primer ejemplo, X e Y ambos existen como variables locales para el cierre guardado en la variable triangle. En el segundo ejemplo, X e Y existen como variables para el objeto tools.triangle debido al uso de this.