Zmienne w funkcji setTimeout (jQuery)

Question

Próbuję użyć instrukcji jQuery wewnątrz funkcji setTimeout, ale Nie działa. Próbowałem wiele wariantów, jak ten (jestem używając „to” bo setTimeout jest wewnątrz każdej funkcji i selektor jest buforowane/przechowywane w obiekcie, tak więc selektora $):

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

Jak muszę to napisać?

Dzięki!

Answer 1

Prawdopodobnie możesz zrobić coś takiego, jeśli zmienne, które próbujesz użyć, są zdefiniowane w każdym kroku pętli.

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

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

Answer 2

Kiedy trzeba zachować obecną pozycję this Dzwoniąc setTimeout używać tej struktury: -

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

To tworzy zamknięcie z zewnętrznego kontekstu wykonania funkcji. Funkcja zewnętrzna zwraca wewnętrzną funkcję, która będzie miała dostęp do parametru self. Jest to funkcja wewnętrzna wywoływana po przekroczeniu limitu czasu, ale wartość self zachowuje pierwotną wartość this.

Answer 3

dzięki za odpowiedzi.

Używam teraz funkcji wewnątrz setTimeout. Ale odkryłem, że prawdziwy problem leży gdzie indziej: w każdej funkcji próbuję uzyskać dostęp do właściwości obiektu, które wskazują właściwości w obiekcie konfiguracyjnym, ale wynik (na przykład dla tego. Selektora $) jest "niezdefiniowany" .

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

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

Nie jestem pewien, na czym polega problem. Oba obiekty mają tę samą funkcję/zakres.

Answer 4

AnthonyWJones stanowiło świetną odpowiedź, ale jest jeszcze jedna podobna, która jest nieco łatwiejsza do napisania i przeczytania. Po prostu przechowujesz wartość "this" w zmiennej lokalnej.

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