Concept et instructions d'utilisation de la fonction auto-exécutable anonyme JS

Cette fois, je vous apporte le concept et les instructions d'utilisation des fonctions auto-exécutables anonymes JS. Quelles sont les précautions concernant le concept et l'utilisation des fonctions auto-exécutables anonymes JS. Voici des cas pratiques. jetez un oeil.

1. Scénarios courants de fonctions anonymes

Les fonctions anonymes en js sont un type de fonction très courant, et les scénarios courants sont :

<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 conclure qu'il existe généralement quatre façons d'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.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Après le rendu de la page par vue, la barre de défilement div est positionnée en bas (avec le code)

Utilisez vue Laissez la balise a être cliquée et mise en surbrillance (avec le 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!