Question

I have a javascript class like this:

function Foo() {
  this.x = 5;
  this.y = x + 10;
}

Does ‘x’ not get scoped to the instance of the class when I don’t use ‘.this’? If so, how do we use callbacks then? I have something like:

function Foo() {
  this.x = 5;

  this.grok = function() {
    jQuery(blah).animate({
      ..,
      function(){
        x = 55;
      }
    });
  }
}

so jquery gives a chance for a callback, but how do I access the ‘x’ member variable of the parent class in that context then?

Thanks

Answer 1

In your specific case, you have to store a reference to this in another variable:

function Foo() {
  this.x = 5;

  this.grok = function() {
      var that = this;
      jQuery(blah).animate({
        ..,
        function(){
          that.x = 55;
        }
      });
  }
}

The anonymous function has access to all variables defined in grok. If you just use x, it would be a global variable.