Was macht und wozu dient die Funktion…

function.prototype.bind erstellt eine neue Funktion, die beim Aufruf den Wert von this (also den Aufrufkontext) festlegt und optional eine vordefinierte Reihe von Argumenten, die den bei der Erstellung der Funktion übergebenen Argumenten vorangestellt werden.

Wofür es gebraucht wird:

Fixierung des Kontexts (this): Besonders nützlich bei asynchronen Operationen, Ereignis-Handlern oder beim Übergeben von Objektmethoden als Callback, wo sich das Standardverhalten von this ändern kann. bind stellt sicher, dass die Methode im Kontext des ursprünglichen Objekts ausgeführt wird.
Partielle Anwendung von Funktionen (Currying): Ermöglicht die Erstellung einer neuen Funktion mit vordefinierten Anfangsargumenten der Originalfunktion.

Beispiel für die Fixierung des Kontexts:

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

  greet() {
    console.log(`Hallo von ${this.name}`);
  }
}

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

// greetMethod wird im globalen Kontext aufgerufen (oder undefined im Strict Mode), `this` ist nicht MyClass
greetMethod(); // Ausgabe: Hallo von undefined (oder Fehler)

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

// boundGreetMethod wird mit dem Kontext von instance aufgerufen
boundGreetMethod(); // Ausgabe: Hallo von MyClass Instance

Beispiel für partielle Anwendung:

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

const multiplyByTwo = multiply.bind(null, 2); // Fixiere den ersten Parameter auf 2

console.log(multiplyByTwo(5)); // Ausgabe: 10 (entspricht multiply(2, 5))

Was macht und wozu dient die Funktion function.prototype.bind?