Variables dans une fonction setTimeout (jQuery)

Question

J'essaie d'utiliser une instruction jQuery dans une fonction setTimeout, mais Je n'arrive pas à faire fonctionner. J'ai essayé beaucoup de variantes, comme celui-ci (je suis en utilisant « ceci » parce que le setTimeout est à l'intérieur d'une chaque fonction, et le sélecteur est mis en mémoire cache/stocké dans un objet, donc le sélecteur de $):

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

Comment dois-je écrire cela?

Merci!

Answer 1

Vous pourriez probablement faire quelque chose comme ceci, si les variables que vous essayez d'utiliser sont définies à chaque étape de la boucle.

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

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

Answer 2

Lorsque vous avez besoin de préserver l'élément this actuel lorsque vous appelez setTimeout utiliser cette structure: -

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

Cela crée une fermeture du contexte d'exécution des fonctions extérieur. La fonction externe renvoie une fonction interne qui aura accès au paramètre self. C'est la fonction interne qui est appelée lorsque le délai d'attente se produit mais la valeur de self conserve la valeur this d'origine.

Answer 3

merci pour vos réponses. J'utilise une fonction dans setTimeout maintenant. Mais j'ai découvert que le vrai problème réside ailleurs: dans chaque fonction j'essaie d'accéder aux propriétés d'objet qui pointent vers des propriétés dans un objet de configuration, mais le résultat (par exemple pour ce $ sélecteur) est "indéfini" .

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

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

Vous ne savez pas quel est le problème. Les deux objets sont dans la même fonction/étendue.

Answer 4

AnthonyWJones fournit une bonne réponse, mais il en existe une autre similaire, qui est légèrement plus facile à écrire et à lire. Vous stockez simplement la valeur de "this" dans une variable locale.

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