Comment utiliser la fonction d'exécution immédiate de JavaScript-js tutoriel-php.cn

Comment utiliser la fonction d'exécution immédiate de JavaScript

不言

Libérer： 2018-12-13 17:30:18

original

3135 Les gens l'ont consulté

Comment utiliser la fonction d'exécution immédiate de JavaScript ? Cet article vous présentera comment utiliser les fonctions d'exécution immédiate de JavaScript.

Comment utiliser la fonction dexécution immédiate de JavaScript

Jetons un bref aperçu de ce qu'est la fonction ?

Une fonction est un bloc de code événementiel ou réutilisable qui s'exécute lorsqu'elle est appelée.

En d’autres termes, si vous utilisez une fonction plusieurs fois, appelez-la simplement.

Utiliser la fonction, définie comme suit.

fonction 函数名(){
执行的代码
}

Copier après la connexion

Regardons à nouveauQu'est-ce qu'une fonction anonyme ?

Comme son nom l'indique, une fonction anonyme est une fonction dont la fonctionnalité peut être définie sans nom de fonction

L'utilisation de fonctions anonymes présente également l'avantage de simplifier le code lors de l'utilisation de fonctions d'ordre supérieur.

Une fonction d'ordre supérieur est une fonction qui peut gérer la fonction elle-même comme paramètre ou valeur de retour.

Dans les fonctions d'ordre supérieur, la fonction en tant que paramètre n'est généralement utilisée qu'une seule fois, je peux donc simplifier le code en en faisant une fonction anonyme.

De plus, comme vous n'avez pas besoin de définir un nom de portée globale en en faisant une fonction anonyme, vous réduisez également les erreurs causées par la duplication des noms de fonctions.

Comparaison de la fonction normale et de la fonction anonyme

Comparons la fonction normale et la fonction anonyme en fonction du programme suivant.

function( ) {
 执行的代码
}

Copier après la connexion

Fonction normale (fonction nommée)

Le code est le suivant

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      function sum(a,b){
        var result = a + b;
        return result;
      }
      var answer = sum(1,2);
      console.log(answer);
    </script>
  </body>
</html>

Copier après la connexion

Lorsqu'il est appelé à l'aide de console.log , Sortie "3" basée sur les paramètres 1 et 2.

Comment utiliser la fonction dexécution immédiate de JavaScript

Fonction anonyme

Ensuite, nous utilisons une fonction anonyme pour écrire la même fonction

Le code est le suivant

  <script>
      var sum = function (a,b){
    var result = a + b;
    return result;
  }
  var answer = sum(1,2);
  console.log(answer);
    </script>

Copier après la connexion

Dans une fonction nommée, nous définissons d'abord la fonction sum, nous attribuons ensuite sum à la variable réponse et l'appelons avec les paramètres 1 et 2.

En revanche, dans une fonction anonyme, la définition de la fonction peut être saisie directement dans la variable, donc pouvoir stocker la définition de la fonction elle-même dans la variable est également un avantage des fonctions anonymes.

Le résultat est le même

Comment utiliser la fonction dexécution immédiate de JavaScript

Enfin, regardons l'utilisation de la fonction d'exécution immédiate

immédiate fonction Est une expression de fonction immédiatement exécutée, appelée IIFE (immédiatement invoquée function expression) en anglais.

La fonction immédiate est exécutée immédiatement après sa définition.

On parle donc de fonction d'exécution immédiate.

Utilisez des fonctions immédiates, qui peuvent être exécutées immédiatement tant que vous définissez la fonction.

Les variables locales sont déclarées dans une fonction et utilisées tout au long de la fonction déclarée.

Les variables globales sont des variables déclarées dans la portée globale, elles peuvent donc être utilisées n'importe où dans un programme JavaScript.

Par exemple, si une variable globale est déclarée en dehors d'une fonction, alors elle peut être utilisée à la fois à l'intérieur et à l'extérieur de la fonction.

Regardons un exemple de fonction immédiate

var déclare une variable, et la définition de fonction à partir de fonctions peut elle-même être exécutée immédiatement.

Le code est le suivant

<script>
    var sum = (function (a,b){
    var result = a + b;
    return result;
  })(1,2);
  console.log(sum);
    </script>

Copier après la connexion

Nous exécutons la définition de la fonction en lui fournissant immédiatement des paramètres.

Jusqu'à présent, nous avons attribué la fonction somme à la variable réponse et transmis les paramètres. L'omettre en tant que réponse variable signifie que vous pouvez transmettre des arguments directement à la fonction définie et exécuter le contenu.

Ce programme est très fluide puisque vous n'avez pas besoin d'utiliser varanswer = sum(1,2);

Le résultat en cours d'exécution est le suivant : le résultat est également 3

Comment utiliser la fonction dexécution immédiate de JavaScript