JS Funktion, die Funktion für die spätere Verwendung zurückgibt - Argumente undefined

Question

Ich versuche, eine Funktion zu erstellen, die viele Funktionen basierend auf einer Eingabe zurückgeben kann. Hier ist ein Beispiel für das Problem, vor dem ich stehe.

Lauftest() am Ende druckt undefiniert anstelle von "Dies ist ein Test." Gibt es eine Möglichkeit, dieses Problem zu umgehen?

Answer 1

Die innere Funktion beliebige Parameter nicht enthalten sollte,

var giveFunction = function(text) { 
    return function() { 
     console.log(text) 
    } 
} 

Lassen Sie es einen Verschluss erstellen. Wenn es einen Parameter hat, würde dieser während der Ausführung gelesen werden und undefined würde gedruckt werden, da Sie diese Funktion nicht mit irgendwelchen Argumenten aufrufen.

Wenn Sie Ihren Code wollen zu arbeiten, dann müssen Sie bind dafür verwenden,

var giveFunction = function(text) { 
    return function(text) { 
     console.log(text) 
    }.bind(null, text) 
} 
var test = giveFunction('this is a test'); 
test(); //'this is a test' 

Answer 2

Lässt einen Schritt weiter gehen und fragen, warum?

var outerFunction = function(outerParameter) { 
    return innerFunction function(innerParameter) { 
    // in here we have access to anything in this function and the outer function 
    // all the way to out the the global scope 
    // therefore, we dont need to pass innerParameter in again as a parameter! (in your case we 'next') 
    } 
    /// now over here, outside of innerFunction, we do NOT have access to innerParameter! 
} 

die oben genannten Grundsätze, um Ihren Code So wenden wir haben:

var giveFunction = function(text) { 
    return function() { 
     console.log(text) 
    } 
} 
var test = giveFunction('this is a test'); 
test() 

die jetzt funktioniert!

Schließlich Kasse die meisten upvoted Post unter dem JavaScript-Tag: How do JavaScript closures work?