Как работает контекст в функции

Контекст (this) в функции определяется в момент её вызова. Он зависит от способа вызова:

1. Простой вызов: this будет undefined (strict mode) или глобальный объект (не strict mode)

function showThis() { console.log(this); }
showThis(); // undefined (в strict mode)

2. Метод объекта: this ссылается на объект перед точкой

const obj = {
  name: 'Test',
  showThis() { console.log(this.name); }
};
obj.showThis(); // 'Test'

3. Явное указание: call, apply, bind задают контекст явно

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

4. Стрелочные функции: не имеют своего this, берут его из внешнего контекста

const obj = {
  name: 'Bob',
  greet: () => console.log(this.name) // undefined (берет window/global)
};

Контекст можно потерять, например при передаче метода как колбэка. Для фиксации используют bind или стрелочные функции.