"setInterval" function is dumping properties assigned in constructor function

Question

Hi I'm trying to create an object in jQuery and everything is working fine but somehow I cannot pass some necessary properties beyond the setInterval function bc when I test it it always pops "undefined". Here is the draft code of that I have.

Thanks in advance!!

   function MyFunction(var1){
     this.var = var1;
     this.var2 = 2;
     this.pause = 3000;
     this.slideOn();
    }

    MyFunction.prototype.slideOn = function(){ 

      alert(this.var); //alerts the value

      setInterval(function(){ //doesnt work and it alerts "undefined"

      alert(this.var2),1000,function(){} 

      },this.pause // works again with no hassle

    };

alert(_this.var2),1000,function(){} what the heck should that do?? — Jonas Wilms, Feb 17 '17 at 15:00

score 1 · Answer 1 · edited Feb 17 '17 at 15:34

1

When you use "this" inside some callback function, it uses function scoped "this". So, try setting an "outer this":

function MyFunction(var1){
 this.var = var1;
 this.var2 = 2;
 this.pause = 3000;
 this.slideOn();
}

MyFunction.prototype.slideOn = function(){ 
  var _this = this;
  alert(_this.var); //alerts the value

  setInterval(function(){ //doesnt work and it alerts "undefined"

  alert(_this.var2),1000,function(){}; //100 and function are senseless

  },_this.pause); // works again with no hassle

};

edited Feb 17 '17 at 15:34

Jonas Wilms

132,000
20
149
151

answered Feb 17 '17 at 14:49

Matheus Martins

1,012
7
7

Hey neat solution.. Thanks a lot man – Juan Carlos Rodriguez Feb 17 '17 at 14:56
selecting this response as accepted could help others (: – Matheus Martins Feb 17 '17 at 15:06
@MatheusMartins edited your answer. Its horrible style not to close a function call.. – Jonas Wilms Feb 17 '17 at 15:35

"setInterval" function is dumping properties assigned in constructor function

1 Answers1