¿Qué hace y para qué sirve la función function.prototype.bind?

function.prototype.bind crea una nueva función que, al ser llamada, tiene establecido el valor de this (es decir, el contexto de llamada) y, opcionalmente, un conjunto definido de argumentos que preceden a los que se pasan al llamar a la nueva función.

Para qué sirve:

1. Fijar el contexto (this): Especialmente útil en operaciones asíncronas, manejadores de eventos o al pasar métodos de objetos como callbacks, donde el comportamiento estándar de this puede cambiar. bind garantiza que el método se ejecute en el contexto del objeto original.
2. Aplicación parcial de funciones (Currying): Permite crear una nueva función con argumentos iniciales fijos de la función original.

Ejemplo de fijación de contexto:

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

  greet() {
    console.log(`Hola desde ${this.name}`);
  }
}

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

// greetMethod se llama en un contexto global (o undefined en modo estricto), `this` no es MyClass
greetMethod(); // Salida: Hola desde undefined (o error)

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

// boundGreetMethod se llama con el contexto de instance
boundGreetMethod(); // Salida: Hola desde MyClass Instance

Ejemplo de aplicación parcial:

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

const multiplyByTwo = multiply.bind(null, 2); // Fijamos el primer argumento en 2

console.log(multiplyByTwo(5)); // Salida: 10 (igual que multiply(2, 5))