A quoi sert la fermeture js ? Exemples d'utilisation de fermeture js (avec code)

Le contenu de cet article porte sur à quoi sert la fermeture js ? Les exemples d'utilisation de la fermeture js (avec code) ont une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela vous sera utile.

Le langage Js peut lire directement les variables globales à l'intérieur de la fonction, mais les variables locales à l'intérieur de la fonction ne peuvent pas être lues en dehors de la fonction

<script type="text/javascript">
var n=100;
function parent(){
  alert(n);
}
parent();//100
</script>

<script type="text/javascript">
function parent(){
  var m=50;
}
parent();
alert(m);//报错 m未定义
</script>

Remarque : assurez-vous de déclarer les variables à l'intérieur du fonction Ajoutez une var, sinon une variable globale est déclarée.

function parent(){

m=50;

}

parent();

alert(m);//50

Parfois, si vous avez besoin d'obtenir les variables locales à l'intérieur de la fonction, vous devez utiliser les fonctionnalités de la portée des variables js de manière flexible, par exemple en définissant une sous-fonction à l'intérieur de la fonction For. la sous-fonction, la fonction parent C'est son global. La fonction enfant peut accéder aux variables de la fonction parent (qui sont des variables locales pour l'ensemble du code js)

<script type="text/javascript">
function parent(){
   var m=50;
   function son(){
        alert(m);
   }
   return son;
}
var s=parent();//将结果保存在全局里
s();//50
</script>

Toutes les variables locales à l'intérieur du Parent. sont visibles par ses fonctions enfants. , mais les variables locales de la fonction enfant ne sont pas visibles par la fonction parent Il s'agit de la structure de portée de chaîne unique de js. L'objet enfant recherchera les variables de tous les niveaux d'objets parents. par niveau. L'objet parent Toutes les variables de sont visibles par les sous-objets, mais l'inverse n'est pas vrai ! La fonction fils ci-dessus est une fermeture.

Fermeture : Définir une fonction à l'intérieur d'une fonction, un pont reliant l'intérieur et l'extérieur de la fonction La fermeture a deux fonctions :

• Une. est Les variables à l'intérieur de la fonction de lecture mentionnée précédemment,

• La seconde consiste à enregistrer les valeurs de ces variables en mémoire pour réaliser le partage de données

Voici plusieurs exemples de fermetures

1. Les fonctions anonymes implémentent des fermetures :

<script type="text/javascript">
var cnt=(function(){
    var i=0;
    return function(){
        alert(i);
        i++;
    }
})();
cnt();//0
cnt();//1
cnt();//2
cnt();//3

Attribuez le résultat de l'exécution de la fonction anonyme (c'est-à-dire la déclaration du sous- fonction à la variable globale cut ), i est stocké dans la mémoire lors de l'exécution de cut(), la valeur est obtenue directement de la mémoire i ne peut être appelée que par la fonction cnt(), et direct alert(i) ne le sera pas. travail.

2. Transmettez les paramètres dans la fermeture :

var cnt=(function(num){
return function(){
    alert(num);
    num++;
  }
})(5);
cnt();//5
cnt();//6
cnt();//7
//当然还可以调用时传参
var cnt=(function(){
    var i=0;
return function(num){
    num+=i;
    alert(num);
    i++;
  }
})();
cnt(1);//1
cnt(2);//3
cnt(3);//5

Recommandations associées :

fermeture js et prototype

Comprendre les fermetures js en une minute_compétences javascript

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!