Mit csinál és mire való a function.prototype.bind függvény?

function.prototype.bind létrehoz egy új függvényt, amely hívásakor a this értéke (azaz a hívási kontextus) beállításra kerül, és opcionálisan egy meghatározott argumentumkészlet, amely megelőzi a híváskor átadott argumentumokat.

Mire használható:

1. A kontextus (this) rögzítése: Különösen hasznos aszinkron műveletekben, eseménykezelőkben vagy objektummetódusok callbackként való átadásakor, ahol a this alapértelmezett viselkedése változhat. A bind garantálja, hogy a metódus az eredeti objektum kontextusában fusson.
2. Függvények részleges alkalmazása (Currying): Lehetővé teszi, hogy egy új függvényt hozzunk létre az eredeti függvény kezdeti argumentumainak rögzítésével.

Példa a kontextus rögzítésére:

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

  greet() {
    console.log(`Szia, ${this.name}`);
  }
}

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

// A greetMethod globális kontextusban (vagy strict módban undefined) hívva, a `this` nem MyClass
greetMethod(); // Kimenet: Szia, undefined (vagy hiba)

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

// A boundGreetMethod az instance kontextusában hívva
boundGreetMethod(); // Kimenet: Szia, MyClass Instance

Részleges alkalmazás példája:

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

const multiplyByTwo = multiply.bind(null, 2); // Az első argumentumot 2-re fixáljuk

console.log(multiplyByTwo(5)); // Kimenet: 10 (ugyanaz, mint multiply(2, 5))