От къде идва контекстът на функцията в JavaScript…

Контекстът на изпълнение (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 от лексикалната среда, в която са обявени. Това ги прави полезни за callback-и вътре в методи или при работа с 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 (в зависимост от строгия режим) при извикване в този контекст
    };
    regularFunc();
  }
};
objWithRegular.method(); // window (или undefined)

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

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