Для чего используются методы call, apply и bind в JavaScript?

call, apply и bind используются для управления контекстом выполнения (значением this) функции и передачи аргументов.

• call: Вызывает функцию с заданным значением this и аргументами, переданными по отдельности.

  const person = { name: 'Alice' };
  
  function greet(greeting, punctuation) {
    console.log(`${greeting}, ${this.name}${punctuation}`);
  }
  
  greet.call(person, 'Hello', '!'); // Output: Hello, Alice!
  

• apply: Вызывает функцию с заданным значением this и аргументами, переданными в виде массива (или массивоподобного объекта).

  const person = { name: 'Bob' };
  
  function greet(greeting, punctuation) {
    console.log(`${greeting}, ${this.name}${punctuation}`);
  }
  
  greet.apply(person, ['Hi', '.']); // Output: Hi, Bob.
  

• bind: Создает новую функцию, которая при вызове имеет заданное значение this и предварительно заданные аргументы. Сама функция при этом не вызывается немедленно.

  const person = { name: 'Charlie' };
  
  function greet(greeting, punctuation) {
    console.log(`${greeting}, ${this.name}${punctuation}`);
  }
  
  const boundGreet = greet.bind(person, 'Yo');
  
  boundGreet('?'); // Output: Yo, Charlie?
  boundGreet('!'); // Output: Yo, Charlie!
  

Сравнительная таблица: