Que fait et à quoi sert la fonction function.prototype.bind?

function.prototype.bind crée une nouvelle fonction qui, lors de son appel, a la valeur de this (c'est-à-dire le contexte d'appel) fixée et, éventuellement, un ensemble d'arguments prédéfinis qui précèdent ceux passés lors de l'appel de la nouvelle fonction.

À quoi ça sert :

1. Fixer le contexte (this) : Particulièrement utile dans les opérations asynchrones, les gestionnaires d'événements ou lors du passage de méthodes d'objets en tant que callbacks, où le comportement standard de this peut changer. bind garantit que la méthode sera exécutée dans le contexte de l'objet d'origine.
2. Application partielle de fonctions (Currying) : Permet de créer une nouvelle fonction avec des arguments initiaux fixés de la fonction originale.

Exemple de fixation du contexte :

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

  greet() {
    console.log(`Bonjour de ${this.name}`);
  }
}

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

// greetMethod est appelé dans un contexte global (ou undefined en mode strict), `this` n'est pas MyClass
greetMethod(); // Résultat : Bonjour de undefined (ou erreur)

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

// boundGreetMethod est appelé avec le contexte de l'instance
boundGreetMethod(); // Résultat : Bonjour de MyClass Instance

Exemple d'application partielle :

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

const multiplyByTwo = multiply.bind(null, 2); // Fixe le premier argument à 2

console.log(multiplyByTwo(5)); // Résultat : 10 (équivalent à multiply(2, 5))