Question

How is it possible to use this inside of setInterval and setTimeout calls?

I want to use it like :

function myObj() {
  this.func = function(args) {
    setTimeout(function() { 
      this.func(args);
    }, 1000);
  }
}

Some time ago I did it for .onclick event this way :

this.click = function(func) {
  this.elem.onclick = (function(func, obj) {return function(){func.apply(obj)} })(func,this);
};

but I don’t know how I can do it for intervals and timeouts.

Answer 1

The easiest way is to just save this into a local. The local self isn’t changed by the context in which setInterval and setTimeout callbacks are invoked. It will instead maintain the original this value

function myObj() {
  var self = this;
  this.func = function(args) {
    setTimeout(function() { 
      self.func(args);
    }, 1000);
  }
}