Kann mir jemand den Ablauf dieser JavaScript-Funktion erklären? (Closure Konzept)

Question

Ich lese "Eloquent JavaScript". Kapitel 3 führt das Konzept "Closure" ein und gibt Ihnen ein paar Beispiele. Einer davon ist der nächste:

function multiplier(factor) { 
    return function(number) { 
     return number * factor; 
    }; 
} 

var twice = multiplier(2); 
console.log(twice(5)); 
// → 10 

Ich glaube, ich habe das Konzept verstanden. Wenn ich zuerst console.log(twice) ausführe, da die Variable number nicht definiert ist, was ich bekomme, ist [Function]. Was ich nicht verstehe ist, wie twice(5) funktioniert. Warum wird die lokale Variable number mit dem Wert 5 initialisiert?

Auch warum, wenn ich console.log(multiplier(2,5)) ausführen, bekomme ich nicht 10 als Ergebnis?

Danke.

Answer 1

Da multiplier eine Funktion zurückgibt, entspricht twice der zurückgegebenen Funktion, NICHT der multiplier Funktion.

Wenn jedoch multiplier aufgerufen wird, wird die factor Variable übergeben und innerhalb der zurückgegebenen Funktion verwendet.

So macht es leichter zu verstehen, die Ansicht, dass twice ist im Grunde:

var twice = function(number) { 
    return number * 2; 
}; 

Wo factor durch den Wert ersetzt wurden Sie in übergeben, wenn multiplier(2) aufrufen.

---

Ich glaube, ich das Konzept verstanden. Wenn ich zuerst console.log(twice) ausführen, da Variable Nummer nicht definiert ist, was ich bekomme, ist [Function].

Wenn Sie console.log(twice) Sie anrufen, nicht eigentlich die Funktion twice, Sie den Wert es einfach anzumelden. So ist die Ausgabe von [Function] nicht, weil number nicht definiert ist, ist es, weil Sie die tatsächliche Funktion und nicht das Ergebnis davon ausgeben.

---

Auch, warum, wenn ich console.log(multiplier(2,5)) ausführen Ich habe nicht 10 als Ergebnis?

Hier rufen Sie die multiplier von 2 Argumente bereitstellt, wenn Sie nur die Funktion definiert haben einen Parameter (factor) zu akzeptieren. In Javascript führt dies nicht zu einem Fehler, aber Sie erhalten nur den ersten Wert in factor (factor = 2) zugeordnet.

Hinweis: Es gibt Möglichkeiten, noch für den Zugriff auf alle Argumente geliefert, auch wenn Sie für sie definiert keine Parameter haben (here's an example)

Etwas, das möglich wäre, eine Folge von 10 zu erhalten, die von Interesse sein könnten den folgenden Code verwenden:

var result = multiplier(2)(5); // result = 10 

Answer 2

Wenn Sie

console.log(multiplier(2,5)) 

ausführen rufen Sie die Funktion geben zwei para Meter, während

function multiplier(factor) {} 

nur einen Parameter dauert.

Answer 3

Multiplikator ist eine Funktion, die anonyme Funktion gibt, die ist

var twice = multiplier(2); 

Im Grunde ein Argument (Zahl)

akzeptiert: -

var twice = function(number) { 
     return number * 2; 
    };