Q322- Explain call, apply, bind methods in JavaScript? When we use them?

call, apply, and bind are Function methods in JavaScript used to explicitly control the value of this inside a function.

---

🔹 Why Do We Need call, apply, bind?

In JavaScript, this depends on how a function is called, not where it is defined.
These methods let us manually set this.

---

🔹 call() — Invoke Immediately (Comma-separated arguments)

function greet(city, country) {
  console.log(this.name, city, country);
}

const user = { name: "Teekam" };

greet.call(user, "Delhi", "India");

✅ Output

Teekam Delhi India

🧠 When to use call

• Borrow methods from another object
• Pass arguments individually
• Immediate execution

---

🔹 apply() — Invoke Immediately (Arguments as Array)

greet.apply(user, ["Delhi", "India"]);

🧠 Difference from call

• Arguments passed as array
• Useful when arguments are dynamic

---

🔹 bind() — Returns a New Function (Does NOT Execute)

const boundGreet = greet.bind(user, "Delhi", "India");
boundGreet();

🧠 When to use bind

• Event handlers
• Call function later
• Preserve this permanently

---

🔁 Key Differences (Quick Table)

Method	Executes Immediately	Arguments	Returns
call	✅ Yes	Comma-separated	Function result
apply	✅ Yes	Array	Function result
bind	❌ No	Comma / Array	New function

---

🧪 Real-World Examples

✔ Method Borrowing

const person1 = { name: "A" };
const person2 = { name: "B" };

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

sayName.call(person1); // A
sayName.call(person2); // B

---

✔ apply with Math.max

Math.max.apply(null, [1, 5, 3]); // 5

---

✔ bind in Event Handler

button.onclick = obj.handleClick.bind(obj);

---

🎯 Short Interview Answer

call and apply invoke a function immediately while setting this.
call takes arguments individually, apply takes them as an array.
bind returns a new function with this permanently bound, used when execution needs to be deferred.

---

⭐ One-line summary

call and apply run now, bind runs later — all control this.