Accessing outer scope from inner scope

Is this possible?

Yes, you can assign this reference to another variable and then call function y on it

this.z = function() {
    var self = this;
    this.A = function() {
        self.y();
    }
}

Version with bind, basically this adds a new method a to the object.

var X = function () {
    this.y = function () {
        document.write('y<br>');
    }

    this.z = function () {
        document.write('z<br>');
        this.a = function () {
            document.write('a<br>');
            this.y();
        }
    }.bind(this);
};

var x = new X;
//x.a(); // does not exist
x.z();   // z
x.a();   // a y

Working example with saved inner this.

var X = function () {
    var that = this; // <--

    this.y = function () {
        document.write('y<br>');
    }

    this.Z = function () {
        document.write('Z<br>');
        this.a = function () {
            document.write('a<br>');
            that.y();
        }
    }
}

var x = new X,
    z = new x.Z; // Z

z.a(); // a y

Tags:

Javascript

Scope

Recent Posts