What are call, apply, and bind methods in JavaScript?

What are the differences between call, apply, and bind methods in JavaScript?

The call, apply, and bind methods are used to set the value of 'this' in functions. 'call' and 'apply' invoke the function immediately, while 'bind' returns a new function with 'this' set.

Can you give me an example of how to use the call method?

Sure! Here's an example:

function greet() {
  console.log(`Hello, ${this.name}`);
}

const user = { name: 'Alice' };

greet.call(user); // Output: Hello, Alice

What about the apply method? How is it different?

The apply method is similar to call, but it takes an array of arguments instead of individual arguments. For example:

function introduce(greeting, punctuation) {
  console.log(`${greeting}, I'm ${this.name}${punctuation}`);
}

const user = { name: 'Bob' };

introduce.apply(user, ['Hi', '!']); // Output: Hi, I'm Bob!

And how does the bind method work?

The bind method creates a new function that, when called, has its 'this' keyword set to the provided value. For example:

const user = { name: 'Charlie' };
const greetCharlie = greet.bind(user);

greetCharlie(); // Output: Hello, Charlie