CODEWITHSUNDEEP
javascriptjquery
JsCoder
JsCoder

Reputation: 1733

JavaScript object call one method from another

Given the following object literal how do I call c from within b?

Update 1 - missed one thing I use JQuery load, which changes the context: 

var a = {
    b: function (e) {

        $o.load(path, function (e) { // need to call c from here });
    },
    c: function (e) { 
    }
};

Upvotes: 1

Views: 1880

Answers (5)

JsCoder
JsCoder

Reputation: 1733

The easiest solution which requires the minimum changes is to use jQuery.proxy():

var a = {
    b: function (e) {

        $o.load(path, $.proxy(function (e) { this.c(); }, this));
    },
    c: function (e) { 
    }
};

Upvotes: -1

Aadit M Shah
Aadit M Shah

Reputation: 74244

From the method b you may call c using this.c as long as they are on the same object. However for the function expression being passed to $o I would suggest you bind the this pointer of b to it. Thus you do:

var a = {
    b: function (e) {
        $o.load(path, function (e) {
            this.c();
        }.bind(this));
    },
    c: function (e) {
    }
};

Edit: The way you're creating and using this object is fragile. The this pointer may point to anything, such as when you unbind the methods or call it with a different context. Even using a.c isn't foolproof as other code may change a and when the method b is called a will point to something else.

I would do something like this:

var a = function (a) {
    a.b = function (e) {
        $o.load(path, function (e) {
            a.c();
        });
    };

    a.c = function (e) {
    };

    return a;
}({});

This code can not be tampered with and allows you to create private variables and closures.

Upvotes: 2

Flambino
Flambino

Reputation: 18793

var a = {
    b: function (e) {
        a.c();
    },

    c: function (e) {
        // magic goes here
    }
};

a will be a closure so it's accessible in the functions (that is, a is defined in an wide, outer scope, which the narrower, inner scopes in each function inherit). Calling context is irrelevant; closures are formed when and where the functions are defined, so inside b, object a will always stay the same (unlike this, which can change).

Upvotes: 2

Rahul Tripathi
Rahul Tripathi

Reputation: 172628

Try this:-

var a = {
b: function(e) {
    a.c();
},
c: function(e) {}
};

a.b();

Upvotes: 2

David G
David G

Reputation: 96855

You should be able to do a.c() inside .b:

var a = {
    b: function(e) {
        a.c();
    },
    c: function(e) {}
};

a.b(); // calls c

Also, this will be bound to the a object which will allow you to access its properties using this.property:

b: function(e) {
    this.c();
},

Upvotes: 4

Related Questions