Difference between call(), apply(), and bind() with example

call(), apply(), and bind() are methods that allow you to change the this context in JavaScript.

🔹 Differences & Examples

1️⃣ call()

• Calls a function immediately with a specified this value.
• Arguments are passed individually.

function greet(language) { console.log(`${this.name} speaks ${language}`); } const person = { name: "Hemant" }; greet.call(person, "JavaScript"); // Output: Hemant speaks JavaScript 

2️⃣ apply()

• Works like call(), but arguments are passed as an array.

greet.apply(person, ["ReactJS"]); // Output: Hemant speaks ReactJS 

3️⃣ bind()

• Does NOT call the function immediately.
• Returns a new function with the this value fixed.

const greetPerson = greet.bind(person); greetPerson("TypeScript"); // Output: Hemant speaks TypeScript 

📌 Summary

✅ Use call() when passing individual arguments.

✅ Use apply() when passing an array of arguments.

✅ Use bind() when you need a reusable function with a fixed this.