Pourquoi `(function(){})();` diffère-t-il de `function(){}();` en JavaScript ?

Exploration de la syntaxe des fonctions anonymes encapsulées

En JavaScript, une fonction anonyme encapsulée consiste à mettre un bloc de code entre parenthèses et à l'exécuter immédiatement . Cette syntaxe est importante pour prévenir la pollution à l’échelle mondiale et faciliter les scripts modularisés. Cependant, la question se pose de savoir pourquoi (function(){})(); se comporte distinctement de function(){}();.

Déclarations de fonction par rapport aux expressions de fonction

La distinction syntaxique dépend du fait que la fonction est analysée comme une FunctionDeclaration ou une expression de fonction. La différence cruciale réside dans la présence ou l'absence d'un identifiant de nom, qui est obligatoire pour les FunctionDeclarations.

Les FunctionDeclarations suivant la règle de grammaire "function Identifier (FormalParameterListopt) {FunctionBody}" nécessitent un identifiant nommé.

Encapsuler des fonctions anonymes

À l'inverse, Les FunctionExpressions, régies par « function Identifieropt(FormalParameterListopt) {FunctionBody} », autorisent une dénomination facultative. Cela nous permet de créer des expressions de fonction sans nom entre parenthèses :

(function () {
    alert(2 + 2);
}());

Le rôle de l'opérateur de regroupement

Les parenthèses utilisées pour encapsuler la fonction anonyme jouent un rôle crucial car l’Opérateur de Groupement. Cela signifie une évaluation d’une expression et les FunctionExpressions sont évaluées. En tant que tel, entourer une FunctionDeclaration de parenthèses l'oblige à être traité comme une FunctionExpression.

Compréhension contextuelle

Les règles de grammaire pour les FunctionDeclarations et les FunctionExpressions peuvent conduire à l'ambiguïté. L'analyseur résout ce problème en considérant le contexte dans lequel la fonction apparaît. Les FunctionDeclarations se trouvent généralement dans la portée globale ou dans les corps de fonctions, tandis que les FunctionExpressions peuvent apparaître dans divers contextes, y compris au sein de blocs.

Pièges potentiels

Lors de l'utilisation de fonctions dans des blocs peut fournir une encapsulation, elle est déconseillée en raison de comportements imprévisibles. Par exemple :

if (true) {
  function foo() {
    alert('true');
  }
} else {
  function foo() {
    alert('false!');
  }
}

foo(); // Outputs "true" with ambiguous behavior

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!