Eine kurze Analyse des Verständnisses von Schließungen anhand von Beispielen

Dieser Artikel vermittelt Ihnen ein kurzes Verständnis von Schließungen. Ich hoffe, er kann Freunden in Not helfen.

Umfangskette

Um es zu verstehen Um die Abschlüsse klarer darzustellen, sollten Sie zunächst die Geltungsbereichskette vollständig verstehen, damit das Verständnis der Abschlüsse viel einfacher wird.

Eine Bereichskette ist eine Liste, die auf verschiedene variable Speicherbereiche verweist. Sie ist normalerweise global von der Variablenumgebung des Fensters umgeben.

Das [[scope]]-Attribut jeder Ausführungsumgebung speichert einen Verweis auf die Bereichskette.

var name = "tianci";

Wenn wir mit der Ausführung des obigen Codes fertig sind, lautet das Attribut „window.name“ im Browser „tianci“. Zu diesem Zeitpunkt ist die Variable, auf die die Bereichsliste zeigt, auf die „window[[scope]“ zeigt. ] Der Raum hat den Namen: „tianci“ existiert

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

In diesem Code ändert sich beim Ausführen von sy() zunächst die Bereichsliste, auf die [[scope]] der sy-Ausführungsumgebung zeigt, das Fenster Kopieren Fügen Sie die Bereichsliste zu einer eigenen Liste hinzu und fügen Sie den sy-Variablenraum in den Kopf der Bereichsliste ein (d. h. an die Position von list.[0]). Wenn der Name ausgeführt wird, wird die Namensvariable aus der Liste 0->1 ->2 ->3... abgefragt, bis die Variablenumgebung der obersten Ebene erreicht ist.

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

//haha
//tianci

Die beiden Ausgaben sind unterschiedlich

log(name). ), dieses von sy zeigt auf das Fenster (im Browser), sodass die Abfrage in der Fensterumgebung beginnt, um den Namen zu finden. Die Ausgabe lautet also tianci

1 Eine Bereichskette ist ein Zeiger auf den Speicher mehrerer Objekte Liste der Leerzeichen,

2. Bei jedem Aufruf einer Funktion kopiert sie zunächst die Bereichskette des Aufrufers in ihre eigene Bereichskette und fügt dann ihren eigenen Bereich an der Spitze der verknüpften Liste ein

Abschluss

Der Abschluss ist nicht schwer zu verstehen. Das Konzept des Abschlusses ist eine Funktion, die Zugriff auf Variablen im Gültigkeitsbereich einer anderen Funktion hat Zum Beispiel:

Hier in der anonymen Funktion wird auf die Variableneigenschaft der aufrufenden Funktion zugegriffen, bei der es sich um den Abschluss handelt.

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;
        }
    }
}

Aber es gibt ein Problem mit Abschlüssen, nämlich wann cC Wenn die anonyme Funktion nach der Ausführung nicht beendet wird, wird das cC-Umgebungsaktivitätsobjekt nicht zerstört. Es wird erst zerstört, nachdem die anonyme Funktion ausgeführt wurde. Daher führen Schließungen manchmal zu unnötigen Speicherverlusten.

Normalerweise zeigt dieses Objekt der anonymen Funktion auf das Fenster (im Browser)

Denn wenn die zurückgegebene anonyme Funktion abgerufen wird, ist dies normalerweise der Fall wird direkt in der globalen Umgebung aufgerufen, sodass dies zu diesem Zeitpunkt auf das Fenster verweist.

Der Abschluss ruft nur den Endwert der Variablen ab

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

Ergebnis speichert eine Funktion, deren Rückgabewert der Endwert von i 10 ist

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

Verwandte Empfehlungen:

Abschluss Was ist Verschluss?

Umfassendes Verständnis von js-Abschlüssen

Häufige Anwendungen von Verschlüssen

Das obige ist der detaillierte Inhalt vonEine kurze Analyse des Verständnisses von Schließungen anhand von Beispielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!