Cosa fa e a cosa serve la funzione function.prototype.bind?

function.prototype.bind crea una nuova funzione che, al momento della chiamata, ha impostato il valore di this (cioè il contesto di chiamata) e, opzionalmente, un insieme definito di argomenti che precedono quelli passati alla chiamata della nuova funzione.

A cosa serve:

1. Fissare il contesto (this): Particolarmente utile in operazioni asincrone, gestori di eventi o nel passare metodi di oggetti come callback, dove il comportamento standard di this può cambiare. bind garantisce che il metodo venga eseguito nel contesto dell'oggetto originale.
2. Applicazione parziale di funzioni (Currying): Permette di creare una nuova funzione con argomenti iniziali fissati della funzione originale.

Esempio di fissaggio del contesto:

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

  greet() {
    console.log(`Ciao da ${this.name}`);
  }
}

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

// greetMethod viene chiamato in un contesto globale (o undefined in modalità strict), `this` non è MyClass
greetMethod(); // Output: Ciao da undefined (o errore)

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

// boundGreetMethod viene chiamato con il contesto di instance
boundGreetMethod(); // Output: Ciao da MyClass Instance

Esempio di applicazione parziale:

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

const multiplyByTwo = multiply.bind(null, 2); // Fissa il primo argomento a 2

console.log(multiplyByTwo(5)); // Output: 10 (equivale a multiply(2, 5))