Maison > interface Web > js tutoriel > Analyse et explication de la portée et de la fermeture de JavaScript

Analyse et explication de la portée et de la fermeture de JavaScript

巴扎黑
Libérer: 2017-08-10 13:53:23
original
1332 Les gens l'ont consulté

[Introduction] La portée de JavaScript est limitée par les fonctions, et différentes fonctions ont des portées relativement indépendantes. Les variables globales peuvent être déclarées et accessibles à l'intérieur de la fonction, et les variables locales peuvent également être déclarées (en utilisant le mot-clé var, les paramètres de la fonction sont également des variables locales), mais les variables locales internes ne sont pas accessibles en dehors de la fonction : functio

La portée de JavaScript est la fonction, les différentes fonctions ont des portées relativement indépendantes. Les variables globales peuvent être déclarées et accessibles à l'intérieur de la fonction, et les variables locales peuvent également être déclarées (en utilisant le mot-clé var, les paramètres de la fonction sont également des variables locales), mais les variables locales internes ne sont pas accessibles en dehors de la fonction :
function test() {
var a = 0; // Variable locale
b = 1; // Variable globale
}
a = ?, b = ? // a n'est pas défini, b est 1

Les variables locales du même nom écraseront les variables globales, mais ce sont essentiellement deux indépendantes variables, et les modifications apportées à l'une d'elles n'affecteront pas l'autre partie :
a = 5; // La valeur de a en dehors de la fonction est 5
function test() {
var a = 4; // La valeur de a à l'intérieur de la fonction est 4
}();
a = ? // La valeur de a à l'extérieur de la fonction est toujours 5 et n'est pas affectée par la fonction

D'une manière générale, une fois la fonction terminée, toutes les références aux variables internes de la fonction se terminent, et la fonction Les variables locales à l'intérieur seront recyclées et l'environnement d'exécution de la fonction sera effacé. Cependant, si la fonction interne est utilisée comme. le résultat de retour de la fonction, la situation va changer :
function test(i) {
var b = i * i;
return function() {
return b--;
};
}
var a = test(8);
a(); / / La valeur de retour est 64, la variable interne b est 63
a( //); La valeur de retour est 63, la variable interne b est 62

Lorsque la fonction interne est utilisée comme valeur de retour, car après la fin de la fonction La référence de la variable n'est pas terminée, donc les variables locales de la fonction ne peut pas être recyclé et l'environnement d'exécution de la fonction est conservé, formant ainsi un effet de fermeture. Les variables internes qui doivent être recyclées sont accessibles via cette référence.
La fermeture rend également les variables locales de la fonction des variables "privées", qui ne sont accessibles que via la fonction interne renvoyée et ne peuvent être modifiées par aucun autre moyen.
Par conséquent, les fermetures peuvent être utilisées pour conserver les variables locales et protéger les variables.
Situation sans fermeture :
var a = []; // Supposons que a contienne 5 éléments
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = function(e) {
return 'No. ' + i;
};
}

// Cliquez sur n'importe quel Pour un élément, la valeur de retour est "N° 5", car la dernière valeur de i est 5
Utilisation de la fermeture :
function test(i) {
return function(e) {
return ' No. ' + i;
};
}
var a = []; // Supposons que a contienne 5 éléments
pour (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = test(i);
}

// Utilisez des fermetures pour conserver les variables locales, cliquez sur L'élément renvoie le n° 0 ~ N° 4
Bien que la fermeture soit pratique, elle présente également certains inconvénients :
1. La complexité du programme augmente et il est plus difficile à comprendre
2 Des interférences avec la collecte normale des déchets, des fermetures complexes peuvent. empêche également le recyclage et le crash de la mémoire
3. Les fermetures énormes sont souvent accompagnées de problèmes de performances
Par conséquent, les fermetures doivent être rationalisées et petites, plutôt que grandes et complexes, et les fermetures grandes et complexes doivent être éviter d’utiliser des fermetures pour l’échelle. L’émergence des fermetures est en soi un bug du langage, mais il demeure en raison de ses fonctions uniques. Il s'agit d'un moyen supplémentaire et non de la fonction principale.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal