Comment utiliser “setTimeout” d'invoquer l'objet lui-même

Pourquoi ne puis-je pas utiliser setTimeout dans un objet javascript?

Message = function () {

    ...
    ...        

    this.messageFactory = ...
    this.feedbackTag = document.getElementById('feedbackMessages');

    this.addInfo = function (message) {
        var info = this.messageFactory.createInfo(message); //create a div
        this.feedbackTag.appendChild(info);

        setTimeout('this.feedbackTag.removeChild(info)', 5000);
        //why in here, it complain this.feedbacktag is undefined ??????

    };
}

Merci pour Steve Solution, maintenant, il va fonctionner que si le code est comme ci-dessous...
parce que le " il " de la veille a été réellement pointant à la fonction setTimeOut, il ne peut pas rearch Message.

Message = function () {

    ...
    ...        

    this.messageFactory = ...
    this.feedbackTag = document.getElementById('feedbackMessages');

    this.addInfo = function (message) {
        var info = this.messageFactory.createInfo(message); //create a div
        this.feedbackTag.appendChild(info);

        var _this = this;
        setTimeout(function() { _this.feedbackTag.removeChild(info); }, 5000);

    };
}

Mais pourquoi ne pas travailler si nous le faisons:

Message = function () {

    ...
    ...        

    this.messageFactory = ...
    this.feedbackTag = document.getElementById('feedbackMessages');
    //public function
    this.addInfo = function (message) {
        var info = this.messageFactory.createInfo(message); //create a div
        this.feedbackTag.appendChild(info);

        delayRemove(info);

    };
    //private function
    function delayRemove(obj) {
        var _this = this;
        setTimeout(function() { _this.feedbackTag.removeChild(info); }, 5000);
    }
}
InformationsquelleAutor jojo | 2009-07-09
  1. 84

    Essayez de remplacer cette ligne:

    setTimeout('this.feedbackTag.removeChild(info)', 5000);

    avec ces deux lignes:

    var _this = this;
setTimeout(function() { _this.feedbackTag.removeChild(info); }, 5000);

    Remarque:

    Jamais passer setTimeout d'une chaîne, comme cela appelle eval (que vous devez utiliser uniquement lorsque cela est nécessaire). Au lieu de cela, passer setTimeout une fonction de référence (ce qui peut être une fonction anonyme).

    Enfin, vérifiez toujours que le this mot-clé pointe vers ce que vous pensez de points (voir http://www.alistapart.com/articles/getoutbindingsituations).

    Aborder La Question 2:

    Je crois que pour les fonctions normales, this est définie à l' window objet, indépendamment de l'endroit où elles sont déclarées. Afin de déplacer le code dans une fonction distincte de ne pas résoudre le problème.

    • Ne serait-ce pas introduire une fuite de mémoire?
    • C'est un problème complexe, mais cet article décrit très bien: alistapart.com/articles/getoutbindingsituations. En gros, "ce" ne pointe pas vers la classe de Message à l'intérieur de la fonction anonyme. Pour résoudre ce problème, nous créons une variable (je l'ai appelé "_ce"), faire le point à la bonne classe de Message, et ensuite utiliser cette variable lorsque l'on souhaite référencer la classe à l'intérieur de la fonction anonyme.
    • De quelle manière? Cette solution est tout à fait commun. Si vous êtes inquiet que la fonction anonyme qui va garder les choses ligoté, je suis assez sûr qu'il va être zappé par le Garbage Collector dès que "setTimeout" a fini avec elle.
    • Oups—je épeautre votre nom d'utilisateur incorrect dans mon commentaire précédent! Désolé!
    • L'amour vous Steve.
    • Solution merveilleuse. Jamais imaginé que l'on pouvait passer un anon fonction!
    • Je pense que c'est parce que setTimeout est une méthode de la Fenêtre, lorsqu'il appelle le callback fonction anonyme, " il " se réfère à l'objet window. Depuis setTimeout est une méthode de la fenêtre, la fonction anonyme recevoir " ce " selon le contexte étant l'objet de la Fenêtre.
    • Surprenant, personne n'a utilisé le mot fermeture pour l'instant ... 😉
    • Peut-être parce qu'il n'est pas tout fermeture dans l'exemple? 😉
    • Il y a est une fermeture, comme la fonction anonyme accède à la _this variable, qui est en dehors de son propre immédiate portée lexicale.

    InformationsquelleAutor Steve Harrison
  2. 9

    Un plus net moyen est de simplement passer ce comme un argument de la fonction appelée dans le timeout:

    function delayRemove(obj) {
  setTimeout(function(_this) {
      _this.feedbackTag.removeChild(obj);
    }, 5000, this);
}

    Vous devriez vraiment passer obj comme un argument, juste pour s'assurer qu'il est dans la portée (le nombre de paramètres est illimité):

    function delayRemove(obj) {
  setTimeout(function(_this, removeObj) {
      _this.feedbackTag.removeChild(removeObj);
    }, 5000, this, obj);
}

    HTML5 et Node.js étendue de la setTimeout fonction pour accepter les paramètres qui sont passés à votre fonction de rappel. Elle est de la signature de la méthode.

    setTimeout(callback, delay, [param1, param2, ...])

    Comme setTimeout n'est pas vraiment une fonction JavaScript vos résultats peuvent varier selon les navigateurs. Je ne pouvais pas trouver les détails concrets de soutien, mais comme je l'ai dit c'est dans la spec HTML5.

    • tous les navigateurs supportent maintenant le troisième paramètre de setTimeout?
    • Réponse de mise à jour.
    InformationsquelleAutor Luca Spiller
  3. 2

    Pour répondre à votre dernière question: "Pourquoi ne pas travailler si nous faisons cela":

    Message = function () {

...
...        

this.messageFactory = ...
this.feedbackTag = document.getElementById('feedbackMessages');
//public function
this.addInfo = function (message) {
    var info = this.messageFactory.createInfo(message); //create a div
    this.feedbackTag.appendChild(info);

    delayRemove(info);

};
//private function
function delayRemove(obj) {
    var _this = this;
    setTimeout(function() { _this.feedbackTag.removeChild(info); }, 5000);
}}

    Il ne fonctionne pas parce que vous êtes de passage à une variable non définie (info) au lieu d'une variable définie par l' (obj). Voici le corrigé de la fonction:

    function delayRemove(obj) {
var _this = this;
setTimeout(function() { _this.feedbackTag.removeChild(obj); }, 5000);}
    InformationsquelleAutor ecartsiger