Was die Lebensdauer von Variablen innerhalb einer Selbstaufruffunktion ist in Javascript

Question

Ich habe den folgenden Code zu verstehen versucht:

var add = (function() { 
     var counter = 0; 
     return function() {return counter += 1;} 
    })(); 
    add(); 
    add(); 
    add(); 

Hier add den Rückgabewert der anonymen Selbstaufruffunktion zugeordnet ist -, dass ist die Funktion function() { return counter += 1 }. Jetzt das erste Mal add() aufgerufen wird, gibt es 1 wie erwartet zurück. Aber das zweite Mal add() aufgerufen wird, gibt es 2 zurück.

Meine Frage ist seit counter ist in einer Funktion definiert, so würde nicht jedes Mal die Funktion beendet Ausführung counter sollte sterben? Das heißt, nach dem ersten Anruf wird add() 1 angezeigt. Jetzt sind wir aus dieser Funktion, sollte nicht counter vergessen, es ist der vorherige Wert und aus dem Stapel wie automatic Variablen zerstört werden?

Answer 1

Was ist die Lebensdauer von Variablen innerhalb einer selbstaufrufende Funktion in Javascript

Die gleichen wie Variablen in jeder anderen Art von JavaScript-Funktion: Sie existieren, solange sie Bezug genommen werden kann, die manchmal bedeutet lange nach der Zeit, die die Funktion, die sie enthält, zurückgibt.

Ihre counter Variable setzt sich nach den IIFE kehrt existieren, weil die Funktion schafft es und kehrt (return function() {return counter += 1;}) ist ein Verschluss über die Variable. Die Variable existiert so lange, wie diese Funktion existiert.

Technisch: erzeugt eine Funktion aufrufen etwas ein Ausführungskontext für diesen Anruf genannt, die eine variable Umgebung Objekt hat. Jede Funktion, die während des Aufrufs erstellt wird, erhält einen Verweis auf dieses äußere variable Umgebungsobjekt; Dieses Objekt existiert, wie alle Objekte, solange es einen Bezug darauf gibt, und so halten die Funktionen das Objekt am Leben. Variablen sind tatsächlich Eigenschaften dieses Variablenumgebungsobjekts, und daher existieren sie so lange, wie etwas auf das Objekt verweist, auf dem sie sich befinden. (Dies ist die sehr vereinfachte Form.) Während in der Theorie das gesamte variable Umgebungsobjekt beibehalten wird, sind JavaScript-Engines in der Praxis frei, um zu optimieren, wenn die Effekte der Optimierung nicht beobachtbar sind, also eine Variable, die nicht tatsächlich vom Abschluss verwendet wird kann (oder möglicherweise nicht) freigegeben werden, abhängig vom Motor und dem Code in der Funktion.

Ihr IIFE kann nur einmal aufgerufen werden. Es kann also nur einen geben counter, aber es ist üblich, dass eine Funktion zum Erstellen einer Closure mehrmals aufgerufen wird. In diesem Fall haben Sie mehrere variable Objekte und mehrere Kopien Variablen, die geschlossen sind.

Beispiel:

function helloBuilder(name) { 
 
    var counter = 0; 
 
    return function() { 
 
    ++counter; 
 
    display("Hi there, " + name + ", this is greeting #" + counter); 
 
    }; 
 
} 
 

 
var helloFred = helloBuilder("Fred"); 
 
var helloMaria = helloBuilder("Maria"); 
 

 

 
helloFred(); // "Hi there, Fred, this is greeting #1" 
 
helloFred(); // "Hi there, Fred, this is greeting #2" 
 
helloMaria(); // "Hi there, Maria, this is greeting #1" 
 
helloMaria(); // "Hi there, Maria, this is greeting #2" 
 
helloFred(); // "Hi there, Fred, this is greeting #3" 
 

 
function display(msg) { 
 
    var p = document.createElement('p'); 
 
    p.appendChild(document.createTextNode(msg)); 
 
    document.body.appendChild(p); 
 
}

In der oben kehrte die Funktion durch helloBuilderschließt über sowohl seine name Argument und seine counter Variable. (Weil Argumente auch im Variablenobjekt des Ausführungskontexts gespeichert werden.) So können wir sehen, dass, nachdem es zweimal aufgerufen wurde, es zwei variable Objekte gibt, jedes mit seinen eigenen name und counter, eine referenzierte von jeder Funktion, die wir helloBuilder zu erstellen suchten.