Call javascript function with bind

Question

I have the function:

$(this.myObject).click(A.bind(this));
function A(){
     //  stuff here
}

I want to call from within a second function (binding this).

$(this.myOtherObject).click(B.bind(this));
function B(){
      A();             //  works but does not bind
      A.bind(this);    //  does not work
}

How can I do this?

Please check the MDN documentation for bind: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… . If you want to call the function, either use .call or .apply, by providing this as the first argoment of either two. Otherwise, use .bind, then call the function explicitely. — briosheje
– briosheje, Commented Aug 23, 2018 at 15:18
bind() return a function to be executed later. let X = A.bind(this); X(); — jsdev
– jsdev, Commented Aug 23, 2018 at 15:21

epascarello · Accepted Answer · 2018-08-23 15:18:30Z

1

You want to use call(this) not bind() since bind() just returns the method.

A.call(this)

answered Aug 23, 2018 at 15:18

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

Comments

Samuel Maisonneuve · Accepted Answer · 2018-08-23 15:27:11Z

0

function B(){
    A();             //  works but does not bind
    A.bind(this);    //  does not work
}

bind is for creating a new function bound to a context (see bind documentation). If you go that way, you would need to call the new function :

A.bind(this)();

However, you should rather use call method or apply method which will directly call the function with a specific context :

A.call(this);
A.apply(this);

edited Aug 23, 2018 at 15:27

answered Aug 23, 2018 at 15:19

Samuel Maisonneuve

1,15511 silver badges22 bronze badges

Collectives™ on Stack Overflow

Call javascript function with bind

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related