Quand dois-je utiliser un point-virgule après accolades?

Vous utilisez un point-virgule après une déclaration. C'est une déclaration:

JS:

var foo = function() {
  alert("bar");
};

parce que c'est une affectation de variable (c'est à dire la création et l'attribution d'une fonction anonyme pour une variable).

Les deux choses qui viennent à l'esprit qui ne sont pas consolidés sont les déclarations de fonction:

JS:

function foo() {
  alert("bar");
}

et blocs:

JS:

{
  alert("foo");
}

Remarque: ce même bloc construire sans point-virgule s'applique également à for, do et while boucles.

Ne pas utiliser un point-virgule:

...si c'est juste de tous les jours déclaration de fonction:

function foo() {

} //No semicolon

Utilisez un point-virgule:

...si c'est une mission:

var foo = function() {

}; //Semicolon

...ou l'invocation de la fonction:

(function () {

})(); //Semicolon

Si nous avons un libre-invocation de la fonction, nous avons besoin de mettre un point-virgule avant, sinon il devient une partie de la précédente instruction d'affectation. Considérez les points suivants:

testClass = function(name) {
  document.write ("Instantiating testClass<br />");
  this.name = name;
}

testClass.prototype.report = function() {
  document.write ("I'm " + this.name + "<br />");
  return 1;
}

testClass.prototype.testMethod = function(param) {
  document.write ("Running testMethod with parameter value " + param + "<br />");
  return 2;
} //notice that there is no semicolon here

(function() {
  document.write ("Running self-invoking function<br />");
  return 3;
}());

if (typeof(testClass.prototype.testMethod) !== "function") {
  document.write ("testMethod type: " + typeof(testClass.prototype.testMethod));
  document.write (", value: " + testClass.prototype.testMethod + "<br />");
}
var testOb = new testClass("Bill");
testOb.report();
testOb.testMethod(4);

Cela produira la sortie suivante:

"L'exécution de l'auto-invocation de la fonction
cours d'Exécution testMethod avec
valeur de paramètre 3
testMethod type: numéro de valeur: 2

L'instanciation de testClass
je suis projet de Loi"

...en plus d'une erreur JavaScript signalé par le navigateur: testOb.testMethod is not a function

Ce n'est certainement pas ce que nous avons prévu. Pourquoi est - testMethod courir immédiatement, avant nous avons même instancié la classe? Et pourquoi il n'existe plus lorsque l'on veut l'appeler comme une méthode de membre?

Ce qui se passe est que testMethod est attribuée non pas à notre définition de la fonction, mais la valeur de retour de la définition de la fonction. Et la définition de la fonction elle-même est en cours d'exécution de façon anonyme. C'est de cette façon:

1. La testClass constructeur et de la méthode de membre report sont correctement définis/affecté.
2. En raison de l'absence d'un point-virgule après la définition de testMethod, le () environnant les suivants auto-invocation de la fonction devient une invocation de l'opérateur, ce qui provoque ce que nous pensons est notre définition de la testMethod pour devenir une fonction anonyme qui est appelée immédiatement, et la valeur de retour de la suite de fonction anonyme devient sa liste de paramètres. C'est ce qui explique l'ordre de la sortie imprimée - notre auto-invocation de la fonction est exécuté en premier car il est considéré comme un paramètre.
3. Depuis notre destinée définition de la fonction renvoie 2, c'est ce 2 qui est affecté à testMethod, et pas la définition de la fonction. Ceci est confirmé par notre impression sur le type et la valeur de testMethod.
4. Maintenant testClass est correctement instancié comme testOb et ses report méthode fonctionne comme prévu, prouvant ainsi que la définition de la classe est sinon intact.
5. Lorsque nous essayons de faire appel testMethod, nous dit-on, par l'interprète que ce n'est pas une fonction - et à juste titre, car c'est un nombre avec la valeur 2.

Si nous avons mis un point-virgule après la définition de la testMethod, il va se séparer de son affectation à partir de la vocation de l'auto-invocation de la fonction, et nous aurons le résultat que nous attendions:

"L'exécution de l'auto-invocation de la fonction
l'Instanciation de testClass

Je suis projet de Loi
cours d'Exécution testMethod avec la valeur de paramètre 4"

Ou on pourrait même le mettre directement en avant de la fonction anonyme:

;(function() {...

Mais je suggère que, puisque le problème est dû à l'absence d'un point-virgule à la fin d'une instruction d'affectation, nous devrions peut-être prendre l'habitude de toujours mettre un point-virgule après la définition des fonctions de cette façon. c'est à dire l'ensemble de mes fonctions ci-dessus doit avoir un point-virgule après l'accolade de fermeture, parce qu'elles sont toutes les affectations de fonctions anonymes.

Des points-virgules à la fin des lignes qui ne se terminent pas par une accolade ou d'états distincts sur la même ligne. Il n'y a aucun mal à utiliser après une accolade de fermeture, ou de porter des bretelles et une ceinture, mais il ressemble un peu ringard.