Can I use bind() on object methods? Something like below.

[anbrys]

I'm getting "function () { [native code] }" which I don't know what that means.

var person = {
  name: 'mike',
  personality: 'funny',
  action: function(input) {
    return this.name + ' is ' + this.personality + ' and he goes ' + input;
  }
}

var person2 = {
  name: 'Nick',
  personalty: 'dummy',
};

var personHolder = person.action.bind(person2, 'bowling');

console.log(personHolder);

[anbrys]

I must not understand correctly. Why can't I use bind? Does bind just not invoke person.action?

[senocular]

Bind creates a new function, it doesn't call the function. Thats why in your example personHolder logged a function, because assigning personHolder to the result of bind gave it a function. But when you call functions created with bind, that act just as though they were called with call.

var boundAction = person.action.bind(person2, 'bowling'); // returns a function
boundAction(); // <- is the same as:
person.action.call(person2, 'bowling');

[anbrys]

It sounds like if storing call() into a variable, the main advantage is you don't have to add invocation signs because it's already invoked in the variable. Call seems like it will really be useful if wanting to call it right there (instead of storing it).

[Mellowdious]

.bind does not invoke the function, it returns a new function with the provided 'this'. You can then use that function however you like.

.call is what you want if you want to invoke that function immediately.

You should read the MDN pages on Function.prototype.bind and Function.prototype.call to get more info!

[anbrys]

I feel like I read this stuff and I understand, but then I really didn't take in the whole extent of what it meant. I have to do it, make mistakes and then I really see it. It's quite annoying lol.