Контекст выполнения (или this) в JavaScript определяется в момент вызова функции, а не в момент ее объявления. На его значение влияют следующие факторы:

Глобальный контекст: Вне функций this ссылается на глобальный объект (в браузере window, в Node.js global). В строгом режиме ('use strict') this в этом случае будет undefined.
```
// В браузере
console.log(this); // window

// В Node.js
console.log(this); // global
```
Вызов метода объекта: Если функция вызывается как метод объекта (через точку), this ссылается на этот объект.
```
const obj = {
  name: 'Obj',
  method: function() {
    console.log(this.name);
  }
};
obj.method(); // Obj
```
"Обычный" вызов функции: При простом вызове функции (не как метода) this в нестрогом режиме ссылается на глобальный объект. В строгом режиме this будет undefined.
```
function greet() {
  console.log(this);
}
greet(); // window (в нестрогом режиме) или undefined (в строгом режиме)
```
Конструктор (с new): Когда функция вызывается с ключевым словом new, она действует как конструктор. this внутри функции ссылается на новый, только что созданный экземпляр объекта.
```
function Person(name) {
  this.name = name;
}
const person1 = new Person('Alice');
console.log(person1.name); // Alice
```
Методы call, apply, bind: Эти методы явно позволяют установить значение this для функции.
- call и apply вызывают функцию немедленно, передавая this первым аргументом. call принимает остальные аргументы по отдельности, а apply – в виде массива.
- bind возвращает новую функцию, у которой значение this навсегда "привязано" к переданному первому аргументу.
```
const anotherObj = { name: 'Another Obj' };

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

displayContext.call(anotherObj); // Another Obj
displayContext.apply(anotherObj); // Another Obj

const boundFunction = displayContext.bind(anotherObj);
boundFunction(); // Another Obj
```

Стрелочные функции: Стрелочные функции не имеют своего собственного this. Они "захватывают" значение this из лексического окружения, в котором были объявлены. Это делает их полезными для колбэков внутри методов или при работе с DOM событиями.

const objWithArrow = {
  name: 'Arrow Obj',
  method() {
    const arrowFunc = () => {
      console.log(this.name); // this берется из method (objWithArrow)
    };
    arrowFunc();
  }
};
objWithArrow.method(); // Arrow Obj

// Сравните с обычной функцией
const objWithRegular = {
  name: 'Regular Obj',
  method() {
    const regularFunc = function() {
      console.log(this); // this будет window или undefined (в зависимости от strict mode) при вызове в таком контексте
    };
    regularFunc();
  }
};
objWithRegular.method(); // window (или undefined)

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

Откуда берется контекст функции в JavaScript?