CODEWITHSUNDEEP
javascriptprototype
polyhedron
polyhedron

Reputation: 1590

How to access a prototype's parent this from within a method's function

I have this class/function

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');
}

I want to call the function menuClose() which is part of the Menu class, but I think this code actually tries to call menuClose() from the closetimer object.

How do I reference menuClose() from the Menu object from within menuTimer()?

Upvotes: 12

Views: 12229

Answers (3)

clockworkgeek
clockworkgeek

Reputation: 37700

Another way is to bind the inner function.

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);
}

Upvotes: 8

Gabriele Petrioli
Gabriele Petrioli

Reputation: 195992

you define a reference to the Menu (this) while you have access to it..

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

Upvotes: 4

Nick Craver
Nick Craver

Reputation: 630419

In your setTimeout() callback, this refers to window, just keep a reference like this:

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

Upvotes: 18

Related Questions