Hogyan tiltható meg a kontextus változtatás…

A JavaScript-ben egy függvény végrehajtási kontextusa (this) dinamikusan kerül meghatározásra a hívás pillanatában. Nem lehet teljesen megakadályozni a változtatását abszolút értelemben, de különböző módszerekkel lehet kontrollálni vagy rögzíteni a kontextust:

call, apply, bind módszerek:
- A call és apply lehetővé teszik, hogy egy függvényt explicit módon meghívjunk egy adott kontextussal és argumentumokkal (call külön, apply tömbként).
- A bind létrehoz egy új kötött függvényt, amelyben a this értékét a létrehozás pillanatában szigorúan rögzítjük, függetlenül a későbbi hívástól. Ez a leghatékonyabb módja annak, hogy "megtiltsuk" a kontextus változtatását a jövőbeni hívások során.
```
// Bind példával
const obj = { value: 42 };
function showValue() {
  console.log(this.value);
}

const boundShowValue = showValue.bind(obj);

boundShowValue(); // 42-t ír ki
boundShowValue.call({ value: 100 }); // Még mindig 42-t ír ki, a kontextus rögzített
```

Nyíl függvények (Arrow Functions):

A nyíl függvényeknek nincs saját this-ük. A this értékét a környező (lexikális) környezetből a definíció pillanatában fogják meg.
Egy nyíl függvény nem módosítható call, apply vagy bind segítségével.

// Nyíl függvénnyel példa
const outerObj = { name: 'Outer' };

class MyClass {
  constructor() {
    this.className = 'MyClass';
    this.showNameArrow = () => {
      // itt a `this` a konstruktor vagy a definíciós környezet `this`-ét fogja meg
      console.log(this.className);
    };
  }

  showNameRegular() {
    // itt a `this` a híváskor kerül meghatározásra
    console.log(this.className);
  }
}

const instance = new MyClass();
instance.showNameArrow(); // 'MyClass'-t ír ki

const anotherObj = { className: 'Another' };
const boundArrow = instance.showNameArrow.bind(anotherObj); // Kísérlet a kontextus módosítására
boundArrow(); // Még mindig 'MyClass'-t ír ki, az arrow függvény kontextusa változatlan

instance.showNameRegular.call(anotherObj); // 'Another'-t ír ki, a normál függvény kontextusa változik

Összefoglalva, a "kontektsus változtatásának megtiltása" legjobban úgy értelmezhető, mint a kontekust szigorúan rögzítő módszer. Ehhez bind-et használunk normál függvényekhez, és a természetes lexikális kötést az arrow függvényekhez. Az arrow függvények ebben a tekintetben "kibogozhatatlanabbak".

Hogyan tiltható meg a kontextus változtatás JavaScriptben?