Partager les concepts et l'utilisation des fonctions anonymes JS

Cet article présente principalement les concepts et l'utilisation des fonctions anonymes JS et des fonctions anonymes auto-exécutables. Il analyse les concepts, les fonctions, les scénarios d'application et les compétences d'utilisation associées des fonctions anonymes et des fonctions anonymes auto-exécutables sous forme d'exemples. J'espère que cela pourra aider tout le monde.

1. Scénarios courants de fonctions anonymes

Les fonctions anonymes en js sont un type de fonction très courant :

<input type="button" value="点击" id="btn">
<script type="text/javascript">
  //匿名函数的第一种情形
  var btn=document.querySelector("#btn");
  btn.onclick=function(){
    // alert("aaaaa");
  }
  //匿名函数的第二种情形
  setInterval(function(){
    // alert("bbbbb");
  }, 1000);
  //匿名函数的第三种情形
  var fun=function(){
    alert("ccccc");
  }
  // fun();
  //匿名函数的第四种情形
  var obj={
    name:"dddd",
    say:function(){
      alert(this.name);
    }
  }
  obj.say();
</script>

Ce qui précède montre les scénarios d'utilisation courants des fonctions anonymes. (Remarque : querySelector est une nouvelle méthode pour rechercher des éléments DOM dans H5)

2. Fonction auto-exécutable anonyme

Comme son nom l'indique, fonction auto-exécutable anonyme. d'abord C'est une fonction anonyme, mais cette fonction peut être exécutée automatiquement par elle-même sans l'aide d'autres éléments.

<input type="button" value="点击" id="btn">
<script type="text/javascript">
//1，匿名函数的第一种实现方式
(function(data){
  // alert(data);
})("eee");
//2.匿名自执行函数的第二种实现方式
(function(){
  // alert("fff");
}());
//3.匿名自执行函数的第三种实现方式
!function(data){
  // alert(data);
}("hhh");
//4.匿名自执行函数的第四种实现方式
var fun=function(data){
  alert(data);
}("iii");

À partir du bloc de code ci-dessus, nous pouvons résumer qu'il existe généralement quatre méthodes pour implémenter des fonctions anonymes auto-exécutables.

3. Le rôle des fonctions auto-exécutables anonymes

① Le rôle le plus courant des fonctions auto-exécutables anonymes est d'implémenter des fermetures. J'introduireai le concept de fermeture en détail dans un article ultérieur. Voici une brève explication des fermetures.

Fermeture : La fermeture est une fonctionnalité de js. Grâce à la fermeture, nous pouvons réaliser la connexion à l'intérieur et à l'extérieur de la fonction, et faire en sorte que les variables locales de la fonction existent toujours dans la mémoire.

②. Des fonctions anonymes auto-exécutables peuvent également être utilisées pour simuler la création de portées au niveau des blocs dans js, c'est-à-dire

si vous utilisez des fonctions anonymes auto-exécutables pour envelopper du code. , vous pouvez obtenir des effets au niveau du bloc. L'effet du domaine est de réduire le nombre de variables globales. Une fois l'exécution de la fonction anonyme auto-exécutable terminée, les variables seront libérées de la mémoire, économisant ainsi de la mémoire.

4. Résumé des fonctions anonymes et des fonctions anonymes auto-exécutables

Les fonctions anonymes peuvent être simplement comprises comme des fonctions sans noms. Il existe 4 scénarios courants. total. .

Les fonctions anonymes auto-exécutables peuvent être simplement comprises comme des fonctions anonymes qui peuvent être exécutées par elles-mêmes. Il existe 4 façons d'implémenter des fonctions anonymes auto-exécutables.

Le rôle des fonctions anonymes auto-exécutables est d'utiliser des fermetures et de créer des espaces de noms indépendants.

Recommandations associées :

Explication détaillée des fonctions anonymes PHP et des classes anonymes

Explication détaillée de l'utilisation des fonctions anonymes js et exemples de passage de paramètres

Compréhension approfondie des fonctions anonymes de PHP

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!