Что произойдёт с контекстом this, если метод объекта присвоить в отдельную переменную и вызвать её без привязки к объекту?

Потеря контекста this

В JavaScript значение this внутри функции зависит от способа вызова, а не от места её объявления. Когда метод объекта присваивается переменной и вызывается без привязки к объекту, this теряет ссылку на исходный объект и начинает указывать на глобальный объект (в нестрогом режиме) или undefined (в строгом режиме).

Пример

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

user.greet(); // Hello, Alice

const greetFn = user.greet;
greetFn(); // Hello, undefined (или ошибка в strict mode)

Как это работает

• При вызове user.greet() this указывает на user.
• При присвоении метода переменной (const greetFn = user.greet) функция теряет связь с объектом.
• Вызов greetFn() — это обычный вызов функции, где this определяется глобальным контекстом.

Способы решения

• bind: const boundGreet = user.greet.bind(user);
• call/apply: greetFn.call(user);
• Стрелочные функции: они не имеют собственного this и берут его из внешнего контекста.

Вывод

Понимание потери контекста this критично при работе с колбэками, обработчиками событий и методами объектов. Используйте bind или стрелочные функции, чтобы гарантировать правильную привязку контекста.