Μπορείτε να εξηγήσετε τις διαφορές μεταξύ των μεθόδων call, apply και bind στην JavaScript και πώς χρησιμοποιούνται για τον έλεγχο του πλαισίου κλήσης της λειτουργίας;

Στην JavaScript, οι μέθοδοι call, apply και bind χρησιμοποιούνται για τη διαχείριση του πλαισίου (this) κατά την κλήση μιας συνάρτησης:

• call(thisArg, arg1, arg2, ...) — καλεί άμεσα τη συνάρτηση, ορίζοντας το this σε thisArg και περνώντας τα επιχειρήματα ξεχωριστά.

• apply(thisArg, [argsArray]) — παρόμοιο με το call, αλλά τα επιχειρήματα περνιούνται ως πίνακας.

• bind(thisArg, arg1, arg2, ...) — δεν καλεί άμεσα τη συνάρτηση, αλλά επιστρέφει μια νέα συνάρτηση με το this δεμένο και, προαιρετικά, με προ-ορισμένα επιχειρήματα.

Παράδειγμα:

function greet(greeting, punctuation) {
  console.log(greeting + ', ' + this.name + punctuation);
}

const person = { name: 'Иван' };

greet.call(person, 'Привет', '!'); // Привет, Иван!

greet.apply(person, ['Здравствуйте', '...']); // Здравствуйте, Иван...

const greetIvan = greet.bind(person, 'Привет');
greetIvan('!!!'); // Привет, Иван!!!

Με αυτόν τον τρόπο, αυτές οι μέθοδοι επιτρέπουν να ορίσετε ρητά σε ποιο αντικείμενο αναφέρεται το this μέσα στη συνάρτηση.