How to pass "this" to window setInterval

javascript

Solution

Store a reference to `this`:

function a() {
    var self = this;
    self.b = 1;
    self.set = setInterval(function() {console.log(self.b);}, 200);
}

The anonymous function that you pass to `setInterval` has access to any variables in its containing scope, i.e., any local variables of `function a()`. The magic of JS closures keeps these variables alive even after `a()` has completed, and each invocation of `a()` gets its own closure.

Problem

Suppose I have a function a: ``` function a() { this.b = 1; this.set = setInterval(function() {console.log(this.b);}, 200); } ``` So when a.set() is called the anonymous function will be called. But this won't work as this at that time when the function is triggered points to the window object. Also it's not a good idea to use a.b as there may be multiple instances of a. What is a good solution to this problem?

Original source

Related problems