Maison  >  Article  >  interface Web  >  Une brève analyse de la compréhension des fermetures avec des exemples

Une brève analyse de la compréhension des fermetures avec des exemples

零到壹度
零到壹度original
2018-04-02 10:47:391309parcourir

Cet article partage avec vous une brève compréhension des fermetures. Le contenu est assez bon, j'espère qu'il pourra aider les amis dans le besoin

Chaîne de portée

Pour comprendre. fermetures plus clairement, vous devez d'abord bien comprendre la chaîne de portée, afin que la compréhension des fermetures soit beaucoup plus facile.

Une chaîne de portées est une liste qui pointe vers différents espaces de stockage de variables. Elle est généralement entourée globalement par l'environnement variable de la fenêtre.

L'attribut [[scope]] de chaque environnement d'exécution stocke une référence à la chaîne de portée.

var name = "tianci";

Lorsque nous avons fini d'exécuter le code ci-dessus, l'attribut window.name dans le navigateur est "tianci". À ce stade, la variable pointée par la liste de portées pointée par window[[scope] ] L'espace a le nom : "tianci" existe

var name = "tianci";
function sy() {
    var name = "haha";
    console.log(name);
}
sy();//haha

Dans ce code, lors de l'exécution de sy(), la liste de portées pointée par [[scope]] de l'environnement d'exécution sy changera d'abord de fenêtre Copier la liste de portées dans sa propre liste et insérez l'espace variable sy dans l'en-tête de la liste de portées (c'est-à-dire la position de list.[0]). Lorsque name est exécuté, la variable name sera interrogée dans la liste, 0->1 -> 2 ->3... jusqu'à l'environnement de variable de niveau supérieur.

var name = "tianci";
function sy() {
    var name = "haha";
    console.log(name);
    console.log(this.name);
}
sy();

//haha
//tianci

Les deux sorties sont différentes

log(name). Lorsque la fonction sy trouve pour la première fois le nom de son propre environnement, elle génère haha

log(this.name). ), celui-ci de sy pointe vers window (dans le navigateur), donc la requête démarrera à partir de l'environnement de fenêtre pour trouver le nom, donc la sortie est tianci

1. La chaîne de portée est un point vers le stockage de plusieurs objets. Liste des espaces,

2. Chaque fois qu'une fonction est appelée, elle copiera d'abord la chaîne de portée de l'appelant dans sa propre chaîne de portée, puis insérera sa propre portée en tête de la liste chaînée

Fermeture

La fermeture n'est pas difficile à comprendre. Le concept de fermeture est une fonction qui a accès à des variables dans la portée d'une autre fonction. La façon courante de la créer est de la créer dans Hanshu. tels que :

function cC(property) {
    return function (obj1,obj2) {        var value1 = obj1[property]
        var value2 = obj2[property]
        if (value1 < value2) {
            return -1;
        }else if(value1 > value2){
            return 1;
        }else if(value1 == value2){
            return 0;
        }
    }
}

Ici, dans la fonction anonyme, on accède à la propriété variable de la fonction appelante, qui est la fermeture

Mais il y a un problème avec les fermetures, c'est-à-dire quand cC Si la fonction anonyme ne se termine pas après l'exécution, l'objet d'activité de l'environnement cC ne sera pas détruit. Il ne sera détruit qu'après l'exécution de la fonction anonyme. Par conséquent, les fermetures provoquent parfois des fuites de mémoire inutiles

Habituellement, l'objet this de la fonction anonyme pointe vers la fenêtre (dans le navigateur)

Car lorsque la fonction anonyme renvoyée est obtenue, elle est généralement est appelé directement dans l'environnement global, donc cela pointera vers la fenêtre à ce moment-là.

var name = "chentainci";
var obj ={
    name:"myboj",
    getName:function () {
        return function () {
            return this.name
        }
    }
}
console.log(obj.getName()())

La fermeture récupère juste la valeur finale de la variable

function fun() {
    var result =new Array();
    for (var i  = 0;i  < 10; i++) {
        result[i] = function () {
            return i
        }
    }
    return result;
}

le résultat stocke une fonction dont la valeur de retour est la valeur finale de i 10

Recommandations associées :

Fermeture Qu'est-ce que la fermeture

Compréhension approfondie des fermetures js

Applications courantes des fermetures

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!

Déclaration:
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