Почему теряется контекст this при присваивании метода переменной?

Потеря this — одна из самых частых проблем в JavaScript, особенно при работе с методами объектов.

Как определяется this

Значение this зависит от формы вызова:

1. Метод объекта
   this указывает на объект слева от точки.

2. Обычный вызов функции
   this равен undefined в строгом режиме.

В чём возникает проблема

Когда метод присваивается переменной:

const user = {
  name: 'Alex',
  getName() {
    return this.name
  }
}

const fn = user.getName
fn()

Происходит следующее:

1. метод извлекается из объекта

2. связь с user теряется

3. вызов становится обычным

Почему это логично

JavaScript не привязывает this к функции навсегда.
Контекст определяется исключительно способом вызова.

Способы избежать проблемы

• использовать bind

• вызывать метод через объект

• использовать стрелочные функции в качестве колбэков

Вывод

Контекст this теряется при присваивании метода переменной, потому что функция вызывается без объекта-владельца. Это фундаментальное правило языка.