¿Cuál es la diferencia entre declarar objetos javascript con var vs. con función?

Question

Soy un novato confundido. He leído en un tutorial que se crea un objeto de javascript de esta manera:

function myObject() { 
    this.myProperty = "a string"; 
    this.myMethod = function() { 
     //Method code 
    } 
} 

Después leí en otro lugar que se crea un objeto de esta manera:

var myObject = { 
    myProperty: "a string", 
    myMethod : function() { 
     //Method code 
    } 
} 

Cuál es el (no subjetivo) diferencia ¿entre los dos? ¿Hay un camino correcto oficial y otro incorrecto?

Answer 1

Ambas declaraciones son correctas pero tienen una semántica diferente.

El primer tipo de declaración le permite crear instancias de los objetos:

var t = new myObject(); 
// then use t 
t.myProperty = "some value"; 

var otherT = new myObject(); 
otherT.myProperty = "some other value"; 

El segundo es casi como un objeto estático :

myObject.myProperty = "some value"; 

Answer 2

Aquí está una comparación directa ..

function myObject() { 

Esto declara la función cuando JavaScript se analiza ...

var myObject = function() { 

Esto declara la función en tiempo de ejecución.

Si usa el método "var", su función debe ser declarada antes de usarla ... intente con este ejemplo.

myFunction(); // Works 
myVarFunction(); // Boom 

var myVarFunction = function() { alert("Hi"); }; 

function myFunction() { alert("Hi"); }; 

¿Por qué utilizar el método "var" si tiene que tener más cuidado al usarlo? Todo tiene que ver con el alcance ... las funciones de ámbito se consideran mejores.

ACTUALIZACIÓN: Y hay algunos grandes explicaciones:

var functionName = function() {} vs function functionName() {}

Answer 3

La principal diferencia entre los dos es que una variable es local y el otro es global. "Var" básicamente define el alcance de la variable.

Cuando agregamos var a una asignación de valores variables, javascript asegura que la variable se limita a la función a la que está asignada y no colisiona con la misma variable de nombre dentro de otra función.

Cuando no usamos var, se declara como una función global y pueden producirse colisiones. Por lo tanto, siempre es aconsejable usar "var" antes de la asignación del valor de la variable. Si es necesario, use una función anónima para el cierre.