Какво прави и за какво е необходима функцията function.prototype.bind?

function.prototype.bind създава нова функция, която при извикване има зададена стойността на this (т.е. контекста на извикване) и, по желание, определен набор от аргументи, които предхождат тези, предадени при извикването на новата функция.

За какво е полезна:

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

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

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

  greet() {
    console.log(`Здравей от ${this.name}`);
  }
}

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

// greetMethod се извиква в глобален контекст (или undefined в strict режим), `this` не е MyClass
greetMethod(); // Изход: Здравей от undefined (или грешка)

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

// boundGreetMethod се извиква с контекста на instance
boundGreetMethod(); // Изход: Здравей от MyClass Instance

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

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

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

console.log(multiplyByTwo(5)); // Изход: 10 (същото като multiply(2, 5))