Analyse des concepts et de l'utilisation des fonctions anonymes JS et des fonctions anonymes auto-exécutables

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. Les amis dans le besoin peuvent s'y référer. Suivant

Les exemples de cet article décrivent les concepts et l'utilisation des fonctions anonymes JS et des fonctions anonymes auto-exécutables. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. Scénarios courants de fonctions anonymes

Les fonctions anonymes en js sont un type de fonction très courant, comparer Scénarios courants :

<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 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.

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

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

jQuery+ajax lit les données json et tri par exemple de prix

vue développe un exemple de composant de bouton code

Fichier de configuration sous vue-cli scaffolding-bulid

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!