Javascript: Comment accéder à un attribut de classe à partir d'une fonction dans l'une des fonctions de la classe

Question

Dans mon une certaine fonction d'une classe, j'ai besoin d'utiliser setInterval pour briser l'exécution du code. Cependant, dans la fonction setInterval, "this" ne fait plus référence à la classe "myObject". Comment puis-je accéder à la variable "nom" à partir de la fonction setInterval?

function myObject() { 
    this.name = "the name"; 
} 

myObject.prototype.getName = function() { 
    return this.name; 
} 

myObject.prototype.test = function() { 
    // this works 
    alert(this.name); 

    var intervalId = setInterval(function() { 
     // this does not work 
     alert(this.name); 

     clearInterval(intervalId); 
    },0); 
} 

Answer 1

myObject.prototype.test = function() { 
    // this works 
    alert(this.name); 
    var oThis = this; 
    var intervalId = setInterval(function() { 
     // this does not work 
     alert(oThis.name); 

     clearInterval(intervalId); 
    },0); 
} 

Cela devrait fonctionner. La fonction "this" de la fonction anonyme n'est pas la même "this" que celle de myObject "this".

Answer 2

C'est ce que la liaison est dans Prototype:

function myObject() { 
    this.name = "the name"; 
} 

myObject.prototype.getName = function() { 
    return this.name; 
} 

myObject.prototype.test = function() { 
    // this works 
    alert(this.name); 

    var intervalId = setInterval(function() { 
     // this does not work 
     alert(this.name); 

     clearInterval(intervalId); 
    }.bind(this),0); 
} 

Answer 3

est ici la fonction de liaison prototype

Function.prototype.bind = function(obj) { 
    var _this = this; 
    return function() { 
     return _this.apply(obj, arguments); 
    } 
} 

Answer 4

S'il vous plaît noter que la réponse de s13james est incomplète dans la mesure bind() n'est pas une caractéristique standard et doit être fourni ailleurs - un moyen consiste à utiliser le framework Javascript de prototype.js, alors qu'un autre sera de le faire vous-même en utilisant l'exemple de code de meouw.

Si vous n'utilisez pas bind() (ce qui est génial, je dois dire) alors la réponse de djangel est ce que vous auriez pu faire, et c'est ce que je fais le plus souvent.