Из чего берется контекст у функции

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

1. Обычный вызов - this будет window (в нестрогом режиме) или undefined (в строгом режиме):

function showThis() {
  console.log(this);
}
showThis(); // window или undefined

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

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

3. Явное указание через call, apply, bind:

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

4. Конструктор (с new) - this ссылается на новый созданный объект:

function Person(name) {
  this.name = name;
}
const person = new Person('Bob');

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