Question

Possible Duplicate:
Pass correct “this” context to setTimeout callback?

I have a problem with my little script.

function test() {
    this.arr = new Array('a','b','c');
    this.func = function() {
        //Do something with this.arr. But it's undefined.. WHY???
    }
    this.Start = function() {
        this.Interval = setInterval(this.func, 1000);
    }
}

var Test = new test();
Test.Start();

When I try to do anything with array in “func”, it keeps telling me, that the array is undefined. Why?

Answer 1

You’re getting the wrong this reference, try:

function Test() {
  this.arr = new Array('a','b','c');
  this.func = function() {
    console.log(this.arr);
  };
  this.start = function() {
    var fun = this.func.bind(this);
    this.interval = setInterval(fun, 1000);
  };
}

var test = new Test();
test.start();

This article about this is a really interesting if you need more information: Function invocation and this

Also, note that I’ve changed the case on some symbols. Remember, functions that are meant to be used as constructors start with a uppercase letter, variables and methods use lowercase.