Q24. What is the difference between call(), apply(), and bind()?

function greet(greeting, punctuation) {
  return greeting + ", " + this.name + punctuation;
}

const user = { name: "Rahim" };

// call — আর্গুমেন্ট আলাদা করে
console.log(greet.call(user, "হ্যালো", "!"));
// "হ্যালো, Rahim!"

// apply — আর্গুমেন্ট array বা arguments হিসেবে
console.log(greet.apply(user, ["হ্যালো", "!"]));
// "হ্যালো, Rahim!"

// bind — this বেঁধে রেখে নতুন ফাংশন ফেরত দেয়
const boundGreet = greet.bind(user, "হ্যালো");

console.log(boundGreet("!")); // "হ্যালো, Rahim!"

const obj = {
  name: "Rahim",
  arrow: () => this.name, // this ধার করে নেয়
  regular: function () {
    return this.name;
  },
};

console.log(obj.regular.call(obj));  // "Rahim" — কাজ করে
console.log(obj.arrow.call(obj));    // undefined — কাজ করে না

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

const user = { name: "Rahim", show };

// ছাড়া দিলে this হারিয়ে যায়
setTimeout(user.show, 1000);

// bind করলে ঠিক থাকে
setTimeout(user.show.bind(user), 1000);

// arrow দিয়ে ও একই কাজ হয়
setTimeout(() => user.show(), 1000);