В чём разница между местом объявления функции и местом её вызова с точки зрения значения this?

В JavaScript значение this не привязано к функции навсегда. Оно вычисляется в момент вызова, исходя из того, как именно функция была вызвана. Это ключевое отличие от лексической области видимости переменных, которая определяется местом объявления.

Как определяется this при вызове

• Вызов как метод объекта — obj.method(): this равен obj.
• Простой вызов — fn(): в strict mode this равен undefined, иначе — глобальный объект.
• Вызов через call/apply/bind: this задаётся явно первым аргументом.
• Вызов через new: this — новый созданный объект.

Рассмотрим пример, где одна и та же функция даёт разный this:

function whoAmI() {
  console.log(this.name);
}

const user = { name: 'Alice', whoAmI };
const admin = { name: 'Bob', whoAmI };

user.whoAmI(); // Alice — this = user
admin.whoAmI(); // Bob — this = admin

const detached = user.whoAmI;
detached(); // undefined — this потерян

Функция объявлена один раз, но при вызове как метод разных объектов получает разный this. Если же мы отрываем метод от объекта и вызываем отдельно, контекст теряется — это классическая ошибка при передаче методов как колбэков.

Стрелочные функции как исключение

Стрелочные функции не имеют собственного this. Они захватывают его лексически — из места объявления. Поэтому для них правило «this определяется вызовом» не работает.

const obj = {
  name: 'Obj',
  regular() { return this.name; },
  arrow: () => this.name
};

obj.regular(); // 'Obj'
obj.arrow();   // undefined (this из внешней области)

Именно поэтому стрелочные функции удобны для колбэков внутри методов, где нужно сохранить this внешнего контекста, и опасны как методы объектов.

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