bind() for binding to object

Question

I'm binding the function foo to the object myObject. I'm expecting the call to foo before I bind to log global to the console, and after the bind to log myObject to the console.

var name = 'global';

function foo() {
  console.log(this.name);
}

var myObject = {
  name: 'myObject'
};

foo();
foo.bind(myObject);
foo();

The output is the global message in both instances though.

Possible duplicate of [Use of the JavaScript 'bind' method](https://stackoverflow.com/questions/2236747/use-of-the-javascript-bind-method) — Heretic Monkey, Jun 23 '17 at 21:09
@MikeMcCaughan I don't think it's a duplicate. I knew what the method does, just implemented it wrong. — BanksySan, Jun 23 '17 at 21:42
But certainly the answer(s) to that question would answer this one? — Heretic Monkey, Jun 23 '17 at 21:44
@MikeMcCaughan Not really, I'd seen that question MDN and various blogs but didn't see what I was doing wrong. What I needed was for someone to say "You've done that bit wrong." — BanksySan, Jun 23 '17 at 21:46

score 3 · Accepted Answer · answered Jun 23 '17 at 21:05

3

foo.bind() returns a new function that has the binding, it doesn't modify the original function.

var name = 'global';

function foo() {
  console.log(this.name);
}

var myObject = {
  name: 'myObject'
};

foo();
bar = foo.bind(myObject);
bar();

answered Jun 23 '17 at 21:05

Barmar

669,327
51
454
560

bind() for binding to object

1 Answers1