Wat doet en waar is de functie function.prototype.bind voor?

function.prototype.bind creëert een nieuwe functie die, wanneer deze wordt aangeroepen, de waarde van this (d.w.z. de aanroepcontext) instelt en optioneel een vooraf gedefinieerde set argumenten die vóór de argumenten die bij de oproep worden doorgegeven, worden geplaatst.

Waarvoor het dient:

1. Fixeren van de context (this): Vooral handig bij asynchrone operaties, gebeurtenishandlers of bij het doorgeven van objectmethoden als callbacks, waar het standaardgedrag van this kan veranderen. bind zorgt ervoor dat de methode wordt uitgevoerd in de context van het oorspronkelijke object.
2. Deelmatige toepassing van functies (Currying): Hiermee kan een nieuwe functie worden gemaakt met vaste beginargumenten van de originele functie.

Voorbeeld van contextfixatie:

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

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

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

// greetMethod wordt aangeroepen in een globale context (of undefined in strict mode), `this` is niet MyClass
greetMethod(); // Output: Hallo van undefined (of fout)

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

// boundGreetMethod wordt aangeroepen met de context van instance
boundGreetMethod(); // Output: Hallo van MyClass Instance

Voorbeeld van gedeeltelijke toepassing:

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

const multiplyByTwo = multiply.bind(null, 2); // Fixeer het eerste argument op 2

console.log(multiplyByTwo(5)); // Output: 10 (gelijk aan multiply(2, 5))