Un iife (expression de fonction immédiatement invoquée) est une fonction qui s'exécute dès qu'elle est définie, créée en emballage une fonction entre parenthèses et en l'appelant immédiatement, ce qui empêche la pollution de l'espace de noms global et permet une portée privée par la fermeture; Il est écrit comme (function () {/ code /}) (), peut utiliser les fonctions nommées ou fléchées, prend en charge le passage des arguments et a été largement utilisé avant les modules ES6 pour l'encapsulation, l'utilisation s?re de mode strict et l'initialisation asynchrone, bien que son utilisation ait diminué avec les systèmes de modules modernes.

Une expression de fonction immédiatement invoquée (iife) est une fonction qui s'exécute dès qu'elle est définie. C'est un modèle commun dans JavaScript utilisé pour créer une portée privée, éviter de polluer l'espace de noms global et d'exécuter du code en toute sécurité sans interférer avec d'autres scripts.

Qu'est-ce qu'un ife?

Un iife est une fonction enveloppée entre parenthèses, immédiatement suivie d'un autre ensemble de parenthèses qui l'invoque. Parce que c'est une expression (pas une déclaration de fonction), elle ne pollue pas la portée globale et ses variables ne sont pas accessibles de l'extérieur, sauf exposés explicitement.

Voici la syntaxe de base:

 (fonction() {
  // Code s'exécute immédiatement
}) ();

Les parenthèses externes transforment la fonction en une expression et la tra?ne () l'exécute.

Comment écrire un ife

Vous pouvez écrire un iife de plusieurs manières, mais la forme la plus courante utilise une fonction anonyme:

 (fonction() {
  console.log ("Cela fonctionne tout de suite!");
}) ();

Vous pouvez également utiliser les fonctions flèches (bien que moins courantes en raison de la lisibilité et this différences de liaison):

 (() => {
  console.log ("Arrow iife fonctionne aussi!");
}) ();

Les IIF nommés sont utiles pour le débogage car le nom de fonction appara?t dans les traces de pile:

 (fonction myiife () {
  console.log ("Je suis un iife nommé");
}) ();

Pourquoi utiliser un ife?

Il y a plusieurs raisons pratiques d'utiliser l'IIFES:

• évitez la pollution variable globale
  Les variables déclarées à l'intérieur d'un iife ne sont pas ajoutées à l'objet global (comme window des navigateurs), ce qui aide à prévenir les conflits de dénomination.

   (fonction() {
    var temp = "privé";
    // La température n'est pas accessible à l'extérieur
  }) ();
  // la température n'est pas définie ici

• Créer des variables et des fonctions privées
  Vous pouvez imiter l'état privé en utilisant des fermetures créées par un iife.

   const compter = (function () {
    Soit Count = 0;
    retour {
      incrément: () => compter,
      décrémente: () => - Count,
      valeur: () => compter
    };
  }) ();
  
  Counter.increment ();
  console.log (Counter.Value ()); // 1

• Utilisation s?re de ?Utiliser Strict? ou Libraries
  Enveloppez votre code dans un iife pour appliquer en toute sécurité le mode strict ou éviter les conflits avec $ dans des bibliothèques comme jQuery.

   (fonction ($) {
    // $ peut être utilisé en toute sécurité comme jQuery même s'il est redéfini mondial
    $ (document) .ready (function () {
      console.log ("Dom Ready");
    });
  }) (jQuery);

• Exécutez le code asynchrone avec Await
  Dans le JavaScript moderne, vous pouvez utiliser un ASync iife pour exécuter un niveau de haut niveau dans des environnements qui ne le prennent pas en charge au niveau du module.

   (fonction async () {
    const Response = attendre fetch ('/ api / data');
    const data = attendre réponse.json ();
    console.log (données);
  }) ();

Choses à garder à l'esprit

• IIFES ne sont exécutés qu'une seule fois.

• La fonction doit être une expression. La simple function() {}() provoque une erreur de syntaxe car elle est interprétée comme une déclaration de fonction.

• Vous pouvez transmettre des arguments dans un iife:

   (fonction (name) {
    Console.log ("Hello", nom);
  }) ("Alice");

• Dans le code ES6 moderne, les lunettes de bloc avec let et const , et les modules ont réduit le besoin d'IIF. Mais ils sont toujours utiles dans certains scénarios, en particulier dans le code hérité ou lorsqu'ils travaillent sans gras de modules.

---

Fondamentalement, les IIF sont un outil simple mais puissant pour l'encapsulation et l'exécution immédiate. Bien que moins courants aujourd'hui avec la montée en puissance des modules, ils valent toujours la peine d'être compréhensifs pour le code hérité et les cas d'utilisation spécifiques.

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!