Wie von einem Prototyp der Eltern diese Funktion ist innerhalb einer Methode für den Zugriff auf

Question

Ich habe diese Klasse/Funktion

function Menu() 
{ 
    this.closetimer = 0; 
    this.dropdown = 0; 
} 

Menu.prototype.menuTimer = function() 
{ 
    this.closetimer = setTimeout(function() 
    { 
    this.menuClose(); 
    }, this.timeout); 
} 

Menu.prototype.menuClose = function() 
{ 
    if(this.dropdown) this.dropdown.css('visibility','hidden'); 
} 

ich die Funktion menuClose() nennen wollen, die Teil der Menu-Klasse ist, aber ich denke, dieser Code tatsächlich versucht vom closetimer Objekt menuClose() aufrufen.

Wie referenziere ich menuClose() aus dem Menüobjekt aus menuTimer()?

Answer 1

In Ihrem setTimeout() Rückruf bezieht sich this auf window, halten nur eine Referenz wie folgt aus:

Menu.prototype.menuTimer = function(){ 
    var self = this; 
    this.closetimer = setTimeout(function(){ 
     self.menuClose(); 
    }, this.timeout); 
} 

Answer 2

Sie einen Verweis auf das Menü (this) definieren, während Sie Zugriff darauf haben ..

Menu.prototype.menuTimer = function(){ 
    var _self = this; 
    this.closetimer = setTimeout(function(){ 
     _self.menuClose(); 
    }, this.timeout); 
} 

Answer 3

Eine andere Möglichkeit besteht darin, die innere Funktion zu binden.

Menu.prototype.menuTimer = function(){ 
this.closetimer = setTimeout(function(){ 
    this.menuClose(); 
}.bind(this), this.timeout); 
} 

Menu.prototype.menuTimer = function(){ 
this.closetimer = setTimeout(this.menuClose.bind(this), this.timeout); 
}