What are practical examples of call, apply, and bind in JavaScript?

Can you explain the difference between call, apply, and bind in JavaScript?

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

Can you give me practical examples of each?

Absolutely! For 'call', you can use it to borrow methods from one object to another. For example, if you have a function that calculates the area of a rectangle, you can use 'call' to apply it to different objects.

What about 'apply'?

'Apply' is similar to 'call', but it takes an array of arguments. For instance, if you have a function that takes multiple parameters, you can pass an array of values using 'apply'.

And how does 'bind' work?

'Bind' creates a new function that, when called, has its 'this' keyword set to the provided value. This is useful for event handlers or when you want to ensure a function uses a specific context.