Как да забраним промяната на контекста в JavaScript…

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

Методи call, apply, bind:
- call и apply позволяват да се извика функция с явно посочен контекст и аргументи (call с отделни, apply с масив).
- bind създава нова свързана функция, при която this е фиксирано по време на създаването ѝ, независимо от последващото извикване. Това е най-ефективният начин да се "забрани" промяната на контекста за бъдещи извиквания.
```
// Пример с bind
const obj = { value: 42 };
function showValue() {
  console.log(this.value);
}

const boundShowValue = showValue.bind(obj);

boundShowValue(); // Ще изведе 42
boundShowValue.call({ value: 100 }); // Все още ще изведе 42, контекстът е фиксиран
```

Стрелкови функции (Arrow Functions):

Стрелковите функции нямат собствен this. Те улавят this от заобикалящата (лексикална) област по време на дефиницията си.
Контекстът на стрелкова функция не може да бъде променен с call, apply или bind.

// Пример с стрелкова функция
const outerObj = { name: 'Outer' };

class MyClass {
  constructor() {
    this.className = 'MyClass';
    this.showNameArrow = () => {
      // `this` тук улавя `this` от конструктора или областта на дефиниция
      console.log(this.className);
    };
  }

  showNameRegular() {
    // `this` тук се определя при извикване
    console.log(this.className);
  }
}

const instance = new MyClass();
instance.showNameArrow(); // Ще изведе 'MyClass'

const anotherObj = { className: 'Another' };
const boundArrow = instance.showNameArrow.bind(anotherObj); // Опит за промяна на контекста
boundArrow(); // Все още ще изведе 'MyClass', контекстът на стрелковата функция е неизменяем

instance.showNameRegular.call(anotherObj); // Ще изведе 'Another', контекстът на обикновената функция се променя

Обобщено, "забраняването" на промяната на контекста е по-добре да се разбира като твърдо закрепване на контекста. За това се използва bind за обикновени функции и естественото лексикално свързване за стрелкови функции. Стрелковите функции в този смисъл са по-"непоколебими".

Как да забраним промяната на контекста в JavaScript?