Come vietare la modifica del contesto in JavaScript…

In JavaScript, il contesto di esecuzione di una funzione (il valore di this) viene determinato dinamicamente al momento della chiamata. Non è possibile impedirne completamente la modifica in senso assoluto, ma si può controllare o fissare il contesto in diversi modi:

Metodi call, apply, bind:
- call e apply permettono di chiamare una funzione con un contesto e argomenti espliciti (separati in call, come array in apply).
- bind crea una nuova funzione legata, in cui this è fissato rigidamente al valore specificato al momento della creazione, indipendentemente dalla chiamata successiva. Questo è il modo più efficace per "vietare" la modifica del contesto per le chiamate future.
```
// Esempio con bind
const obj = { value: 42 };
function showValue() {
  console.log(this.value);
}

const boundShowValue = showValue.bind(obj);

boundShowValue(); // Mostrerà 42
boundShowValue.call({ value: 100 }); // Mostrerà comunque 42, il contesto è fissato
```

Funzioni arrow (Arrow Functions):

Le funzioni arrow non hanno un proprio this. catturano this dall'ambiente circostante (lexicografico) al momento della definizione.
Il contesto di una funzione arrow non può essere modificato usando call, apply o bind.

// Esempio con funzione arrow
const outerObj = { name: 'Outer' };

class MyClass {
  constructor() {
    this.className = 'MyClass';
    this.showNameArrow = () => {
      // `this` qui cattura `this` dal costruttore o dall'ambiente di definizione di `MyClass`
      console.log(this.className);
    };
  }

  showNameRegular() {
    // `this` qui viene determinato al momento della chiamata
    console.log(this.className);
  }
}

const instance = new MyClass();
instance.showNameArrow(); // Mostrerà 'MyClass'

const anotherObj = { className: 'Another' };
const boundArrow = instance.showNameArrow.bind(anotherObj); // Tentativo di cambiare il contesto
boundArrow(); // Mostrerà comunque 'MyClass', il contesto della funzione arrow è immutabile

instance.showNameRegular.call(anotherObj); // Mostrerà 'Another', il contesto della funzione normale cambia

In sintesi, "vietare la modifica del contesto" si comprende meglio come fissare saldamente il contesto. Per farlo si usano bind per le funzioni normali e il legame lessicale naturale per le funzioni arrow. Le funzioni arrow in questo senso sono più "infrangibili".

Come vietare la modifica del contesto in JavaScript?