Quelle est la différence entre déclarer des objets javascript avec var vs. avec fonction?

Question

Je suis un débutant confus. Je lis dans un tutoriel que vous créez un objet javascript comme ceci:

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

Alors je l'ai lu quelque part ailleurs que vous créez un objet comme ceci:

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

Quelle est la différence (non-subjective) entre les deux? Y a-t-il une bonne manière officielle et une mauvaise façon?

Answer 1

Les deux déclarations sont correctes mais elles ont des sémantiques différentes.

Le premier type de déclaration vous permet de créer des instances de vos objets:

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

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

La seconde est presque comme un objet statique :

myObject.myProperty = "some value"; 

Answer 2

Voici une comparaison directe ..

function myObject() { 

Ceci déclare la fonction quand JavaScript est analysé ...

var myObject = function() { 

Ceci déclare la fonction lors de l'exécution.

Si vous utilisez la méthode "var", votre fonction doit être déclarée avant de l'utiliser ... essayez cet exemple.

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

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

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

Alors pourquoi utiliser la méthode "var" si vous devez faire attention à l'utiliser? Tout est à voir avec la portée ... les fonctions étendues sont considérées meilleures.

MISE À JOUR: Et il y a quelques grandes explications ici:

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

Answer 3

La principale différence entre les deux est que une variable est locale et l'autre est mondiale. "Var" définit essentiellement la portée de la variable. Lorsque nous ajoutons var à une assignation de variable, javascript assure que la variable est confinée à la fonction à laquelle elle est affectée et ne se heurte pas à la même variable de nom dans une autre fonction. Lorsque nous n'utilisons pas var, alors il est déclaré comme une fonction globale et des risques de collision peuvent survenir. Il est donc toujours conseillé d'utiliser "var" avant l'affectation de la valeur variable. Si nécessaire, utilisez une fonction anonyme pour la fermeture.