Τι κάνει και για ποιο λόγο χρειάζεται η λειτουργία function.prototype.bind;

function.prototype.bind δημιουργεί μια νέα συνάρτηση που, όταν καλείται, έχει ορισμένη την τιμή του this (δηλαδή, το πλαίσιο κλήσης) και, προαιρετικά, ένα καθορισμένο σύνολο επιχειρημάτων που προηγούνται από αυτά που περνιούνται κατά την κλήση της νέας συνάρτησης.

Για τι χρησιμεύει:

1. Ορισμός του πλαισίου (this): Ειδικά χρήσιμο σε ασύγχρονες λειτουργίες, χειριστές συμβάντων ή κατά την μεταβίβαση μεθόδων αντικειμένων ως callback, όπου η τυπική συμπεριφορά του this μπορεί να αλλάξει. Το bind διασφαλίζει ότι η μέθοδος θα εκτελεστεί στο πλαίσιο του αρχικού αντικειμένου.
2. Μερική εφαρμογή συναρτήσεων (Currying): Επιτρέπει τη δημιουργία μιας νέας συνάρτησης με αρχικά καθορισμένα επιχειρήματα της αρχικής συνάρτησης.

Παράδειγμα ορισμού πλαισίου:

class MyClass {
  constructor() {
    this.name = 'MyClass Instance';
  }

  greet() {
    console.log(`Γειά σου από ${this.name}`);
  }
}

const instance = new MyClass();
const greetMethod = instance.greet;

// Το greetMethod καλείται σε παγκόσμιο πλαίσιο (ή undefined σε strict mode), το `this` δεν είναι MyClass
greetMethod(); // Έξοδος: Γειά σου από undefined (ή σφάλμα)

const boundGreetMethod = instance.greet.bind(instance);

// Το boundGreetMethod καλείται με το πλαίσιο του instance
boundGreetMethod(); // Έξοδος: Γειά σου από MyClass Instance

Παράδειγμα μερικής εφαρμογής:

function multiply(a, b) {
  return a * b;
}

const multiplyByTwo = multiply.bind(null, 2); // Ορίζουμε το πρώτο επιχειρηματικό ως 2

console.log(multiplyByTwo(5)); // Έξοδος: 10 (ίδιο με multiply(2, 5))