Pourquoi dois-je utiliser un point-virgule après chaque fonction en javascript ?

Question

J'ai vu différents développeurs inclure des points-virgules après les fonctions en javascript et d'autres non. Quelle est la meilleure pratique ?

function weLikeSemiColons(arg) {
   // bunch of code
};

o

function unnecessary(arg) {
  // bunch of code
}

Answer 1

Point-virgule après déclarations de fonctions sont pas nécessaire .

La grammaire d'un FunctionDeclaration est décrit dans la spécification comme ceci :

function Identifier ( FormalParameterListopt ) { FunctionBody }

Il n'y a pas de point-virgule grammaticalement requis, mais on peut se demander pourquoi ?

Les points-virgules servent à séparer déclarations l'un de l'autre, et un FunctionDeclaration n'est pas un déclaration .

FunctionDeclarations sont évalués avant le code entre en exécution, levage est un mot courant pour expliquer ce comportement.

Les termes "déclaration de fonction" et "déclaration de fonction" sont souvent utilisés à tort de manière interchangeable, car aucune déclaration de fonction n'est décrite dans la spécification ECMAScript. Toutefois, certaines implémentations incluent une déclaration de fonction dans leur grammaire, notamment Mozilla, mais là encore, il s'agit d'un système non standard.

Cependant, les points-virgules sont toujours recommandés lorsque vous utilisez FunctionExpressions . Par exemple :

var myFn = function () {
  //...
};

(function () {
  //...
})();

Si vous omettez le point-virgule après la première fonction dans l'exemple ci-dessus, vous obtiendrez des résultats totalement indésirables :

var myFn = function () {
  alert("Surprise!");
} // <-- No semicolon!

(function () {
  //...
})();

La première fonction sera exécutée immédiatement, car les parenthèses qui entourent la seconde seront interprétées comme la fonction Arguments d'un appel de fonction.

Lectures recommandées :

• Les expressions de fonctions nommées démystifiées (excellent article)
• Expliquez la syntaxe des fonctions anonymes encapsulées de JavaScript. (plus sur FunctionDeclaration vs FunctionExpression )

Answer 2

Je les utilise après les déclarations de fonctions en tant que variables :

var f = function() { ... };

mais pas selon des définitions de style classique :

function f() {
    ...
}

Answer 3

JS Lint est la convention de-facto, et elle dit qu'il ne faut pas de point-virgule après le corps de la fonction. Voir le "Point-virgule" section.

Answer 4

Restez cohérent ! Ils ne sont pas nécessaires, mais je les utilise personnellement car la plupart des techniques de minification reposent sur le point-virgule (par exemple, Packer ).

Answer 5

Tout dépend de vos préférences. J'aime terminer les lignes de code par des points-virgules parce que je suis habitué à Java, C++, C#, etc., donc j'utilise les mêmes standards pour coder en javascript.

En général, je ne termine pas les déclarations de fonctions par des points-virgules, mais ce n'est que ma préférence.

Les navigateurs l'exécuteront de toute façon, mais peut-être qu'un jour, ils établiront des normes plus strictes en la matière.

Exemple de code que j'écrirais :

function handleClickEvent(e)
{
     // comment
     var something = true;  // line of code
     if (something)  // code block
     {
        doSomething();  // function call
     }
}