Qu'est-ce qu'une expression de fonction immédiatement invoquée (IIFE) en JavaScript et comment fonctionne-t-elle ?

Comprendre la construction (function() { } )() en JavaScript

En JavaScript, une construction courante est (function() { } )(). Ce modèle, connu sous le nom d'expression de fonction immédiatement invoquée (IIFE), exécute une fonction immédiatement après sa création.

Objectif de l'IIFE

Une IIFE encapsule les variables et fonctions déclarées en son sein, les rendant inaccessibles en dehors de son périmètre. Cela les empêche de polluer l'espace de noms global, où toute variable ou fonction déclarée en dehors d'une fonction est accessible globalement.

Le modèle est souvent utilisé pour :

• Isoler et protéger les données sensibles et fonctions
• Créer des variables et des méthodes privées dans les objets
• Définir des gestionnaires d'événements pour les événements asynchrones (tels que window.onload)

Syntaxe et exécution

L'IIFE se compose de :

• Une expression de fonction entre parenthèses : ( function() { })
• L'opérateur d'invocation de fonction () ajouté immédiatement après les parenthèses fermantes du expression de fonction

Lorsque l'IIFE est exécuté, l'interpréteur JavaScript analyse l'expression de fonction, crée la fonction et l'exécute immédiatement.

Exemple d'utilisation d'IIFE

Considérez le code suivant :

(function() {
  console.log("Executed immediately");
})();

Dans cet exemple, la fonction au sein de l'IIFE est exécuté juste après sa définition. Il imprime « Exécuté immédiatement » sur la console au moment de l'exécution.

Remarque :

Contrairement aux gestionnaires d'événements tels que document.onload, qui répondent à des événements spécifiques, Les IIFE sont exécutés de manière indépendante et ne dépendent d’aucun déclencheur externe. Ils constituent un moyen pratique d'encapsuler et d'exécuter du code immédiatement, offrant ainsi des avantages en matière de confidentialité et d'organisation du code.

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!