Как явно задать функции контекст

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

1. call() - вызывает функцию с указанным контекстом и аргументами через запятую:

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

2. apply() - аналогичен call, но аргументы передаются массивом:

function sum(a, b) {
  return a + b + this.c;
}
const obj = {c: 3};
sum.apply(obj, [1, 2]); // 6

3. bind() - создает новую функцию с привязанным контекстом:

const boundFunc = greet.bind(person);
boundFunc(); // Hello, Alice

Различия:

• call/apply вызывают функцию сразу
• bind возвращает новую функцию с привязанным контекстом
• call принимает аргументы списком, apply - массивом