Что делает и для чего нужна функция function.prototype.bind?

function.prototype.bind создает новую функцию, которая при вызове имеет установленное значение this (т.е. контекст вызова) и, опционально, определенный набор аргументов, предшествующих тем, что передаются при вызове новой функции.

Для чего нужна:

1. Фиксация контекста (this): Особенно полезно в асинхронных операциях, обработчиках событий или при передаче методов объектов в качестве колбэков, где стандартное поведение this может меняться. bind гарантирует, что метод будет выполнен в контексте исходного объекта.
2. Частичное применение функций (Currying): Позволяет создать новую функцию с зафиксированными начальными аргументами оригинальной функции.

Пример фиксации контекста:

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

  greet() {
    console.log(`Hello from ${this.name}`);
  }
}

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

// greetMethod вызывается в глобальном контексте (или undefined в strict mode), this не MyClass
greetMethod(); // Output: Hello from undefined (или ошибка)

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

// boundGreetMethod вызывается с контекстом instance
boundGreetMethod(); // Output: Hello from MyClass Instance

Пример частичного применения:

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

const multiplyByTwo = multiply.bind(null, 2); // Фиксируем первый аргумент на 2

console.log(multiplyByTwo(5)); // Output: 10 (то же что multiply(2, 5))