Variablen in einer setTimeout-Funktion (jQuery)

Question

Ich versuche, eine jQuery-Anweisung innerhalb einer setTimeout-Funktion zu verwenden, aber Ich bekomme es nicht zum Funktionieren. Ich habe versucht, viele Varianten, wie dieser (ich bin mit ‚this‘, weil die setTimeout ist innerhalb einer jeweiligen Funktion und der Wähler wird zwischengespeichert/in einem Objekt gespeichert, so dass die $ Selektor):

setTimeout("" + this.$selector + ".val('" + this.savVal + "')", 1); 

Wie muss ich das schreiben?

Danke!

Answer 1

Sie könnten wahrscheinlich so etwas tun, wenn die Variablen, die Sie verwenden möchten, in jedem Schritt der Schleife definiert sind.

var myObj = { 
    $selector: myConfigObj.$myCachedSelector 
} 

$.each([ myObj, mySecondObj, myThirdObj ], function(n, $selector) { 
    setTimeout(function() { 
     $selector.val(saveVal); 
    }, 1); 
}); 

Answer 2

Wenn Sie benötigen die aktuellen this Artikel zu erhalten, wenn SetTimeout diese Struktur verwendet Aufruf: - So entsteht einen Verschluss von dem äußeren Funktionen Ausführungskontext

setTimeout((function(self) { 
    return function() { $selector.val(self.savVal) }; 
})(this), 1); 

. Die äußere Funktion gibt eine innere Funktion zurück, die auf den Parameter self zugreifen kann. Es ist die innere Funktion, die aufgerufen wird, wenn die Zeitüberschreitung auftritt, aber der Wert von self behält den ursprünglichen Wert this bei.

Answer 3

danke für Ihre Antworten.

Ich verwende jetzt eine Funktion innerhalb der SetTimeout. Aber ich fand heraus, dass das eigentliche Problem an anderer Stelle liegt: In der each-Funktion versuche ich auf Objekteigenschaften zuzugreifen, die auf Eigenschaften innerhalb eines Konfigurationsobjekts verweisen, aber das Ergebnis (zB für dieses. $ Selector) ist "undefiniert" .

var myObj = { 
    $selector: myConfigObj.$myCachedSelector 
} 

$.each([ myObj, mySecondObj, myThirdObj ], function() { 
    //code 
});     

Nicht sicher, was das Problem ist. Beide Objekte haben dieselbe Funktion/denselben Umfang.

Answer 4

AnthonyWJones lieferte eine gute Antwort, aber es gibt noch eine ähnliche, die etwas leichter zu schreiben und zu lesen ist. Sie speichern einfach den Wert von "this" in einer lokalen Variablen.

var storedThis = this; 
setTimeout(function() { $selector.val(storedThis.savVal); }, 1);