Calling an object's prototype method from another object's method

Question

I am trying to create a simple callback system that would fire upon hitting a button. Rather than the callback being a factory function, it is a prototype method of a different object. I've gotten it to work but I don't understand it. Why do I need to use .bind(object) to get the object to fire its method? Originally I tried no bind, and then bind(this), which both failed.

function Bar() {}

Bar.prototype = {
    getStuff: function () {
        return "Hello";
    },

    setStuff: function () {
        console.log( this.getStuff() );
    }
}

function Foo() {
    this.afterSubmit = null;
    var self = this;
    $('button').click(function () {
        self.submit()
    });
    return this;
}

Foo.prototype = {
    submit: function () {
        if (this.afterSubmit !== null) {
            this.afterSubmit();
        }
        $('#msg').append('clicked ');
        return this;
    },

    setAfterSubmit: function (callback) {
        this.afterSubmit = callback;
        return this;
    }
}

var bar = new Bar();
var foo = new Foo().setAfterSubmit(bar.setStuff.bind(bar));
// Why do I need to bind bar ?

Please take a look at my fiddle https://jsfiddle.net/j5qfuzna/

When a method is fired, it is fired within the context of it's invoker unless implicitly declared otherwise ( .call, .apply, .bind ). — Jesse Kernaghan
– Jesse Kernaghan, Commented Jun 8, 2015 at 14:45

Adam Boduch · Accepted Answer · 2015-06-08 14:42:23Z

1

this.afterSubmit();

This is setting the context to the Foo instance. Binding it to the Bar instance prevents that from happening.

answered Jun 8, 2015 at 14:42

Adam Boduch

11.2k3 gold badges32 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Calling an object's prototype method from another object's method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related