javascript - this in event handlers for another object

Question

Class A (mine) implements event handlers for class B (3rd party). Within these event handlers, I would like to access class A's properties.

Using this in class A's handlers does not work because it references class B's scope.

Global variables seem like the only option. Am I missing a better alternative?

Answer 1

Create a self or that variable, which holds a reference to this. Something like this:

var ClassA = function () {
    var self = this;

    this.MyProperty1 = 3;
    self.MyProperty2 = "hello world";

    var ClassB_EventHandler = function () {
        self.MyProperty1;
        self.MyProperty2;
    }

}

You can use this and self interchangeably in ClassA's scope. In the ClassB event handler, you'll be required to use self to reference ClassA properties.