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

Question

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

YeaHub · Accepted Answer

Потеря this — одна из самых частых проблем в JavaScript, особенно при работе с методами объектов.Как определяется thisЗначение this зависит от формы вызова:Метод объектаthis указывает на объект слева от точки.Обычный вызов функцииthis равен undefined в строгом режиме.В чём возникает проблемаКогда метод присваивается переменной:const user = {
  name: 'Alex',
  getName() {
    return this.name
  }
}

const fn = user.getName
fn()
Происходит следующее:метод извлекается из объектасвязь с user теряетсявызов становится обычнымПочему это логичноJavaScript не привязывает this к функции навсегда.Контекст определяется исключительно способом вызова.Способы избежать проблемыиспользовать bindвызывать метод через объектиспользовать стрелочные функции в качестве колбэковВыводКонтекст this теряется при присваивании метода переменной, потому что функция вызывается без объекта-владельца. Это фундаментальное правило языка.