Controllare lo scope di esecuzione di una funzione

Sfortunatamente non esiste una soluzione elegante inserita nell’API standard di JavaScript, ma è possibile creare una mini-funzione ad hoc per il nostro caso.

Andremo ad implementare un nuovo metodo per l’oggetto Function che permetterà di avere un totale controllo sullo scope di esecuzione della funzione stessa.

Grazie alle closure (che vedremo successivamente in questa guida) estendiamo l’oggetto implicito Function:

Function.prototype.setScope = function(scope) {
  var f = this;
  return function() {
    f.apply(scope);
  }
}

In questo modo, un po’ particolare, possiamo farci ritornare una funzione che verrà eseguita in un particolare scope passato come parametro. A differenza di apply (e quindi call) con il metodo setScope, la funzione non verrà eseguita, ma verrà in qualche modo creata una “copia” eseguibile in un determinato contesto diverso da quello di default.

Andiamo quindi a modificare il nostro script precedente:

window.onload = function() {
  document.getElementsByTagName("button")[0].onclick = persona.stampaNomeCognome.setScope(persona);
}

In questo modo l’invocazione di setScope creerà una nuova funzione (con scope uguale a persona) e associerà questa nuova funzione come callback per l’evento onclick. Quando l’utente cliccherà sul pulsante questa nuova funzione verrà eseguita non più nello scope di default (quindi l’oggetto button) ma nello scope definito in precedenza.