[OOP] Valore di this quando si usa setInterval

[usecram]

Salve,
sto tentando di creare un oggetto personalizzato in JavaScript, mi trovo di fronte ad un problema. Scritto questo codice:

function Anim(id,property,startValue,endValue,speed)  {
	this.el = document.getElementById(id);
	this.property = property;
	this.endValue = endValue;
	this.speed = speed || 10;
	this.direction = (startValue > endValue)?-1 :1;
	this.changeValue = changeValue;

	if(property == 'alpha')  this.setOpacity(startValue);
	else  this.el.style[property] = startValue + 'px';

	this.tm = setInterval("this.changeValue()",speed);	
}

function changeValue()  {
	document.getElementById('output').innerHTML = this;
}

il metodo changeValue perde il riferimento all'oggetto di cui fa parte (nel div output viene stampato [Object Window]). Suppongo dipenda dall'uso di setInterval. Qualcuno saprebbe dirmi come ovviare al problema? Come fare in modo che anche changeValue riconosca this come riferimento ad Anim? Grazie!

[fcaldera]

...
   var _self = this;

   this.tm = setInterval(function() {
      _self.changeValue();
   },speed);

}
...

oppure

...
   this.tm = (function(_self) {
       return setInterval(function() {
         _self.changeValue();
      },speed);
   })(this);
...

[usecram]

Intanto grazie mille: funziona a meraviglia!
Potresti anche spiegarmi il perché di questa sintassi che annida changeValue in una funzione anonima e fa uso della variabile _self? Perché setInterval fa perdere il riferimento?
Grazie ancora

[fcaldera]

i timer funzionano molto più velocemente se passi loro una funzione piuttosto che una stringa (altrimenti javascript deve fare un eval implicito)

ed è praticamente necessaria qualora volessi passare dei parametri in modo agevole a quel metodo

ovviamente all'interno di una funzione anonima (o di uno scope annidato creato implicitamente) perdi il riferimento a this per cui devi passarlo dichiarando una variabile con la keyword 'var' nello scope immediatamente esterno (esempio 1) oppure passare il riferimento a this in una funzione (esempio 2)

L'esempio 2 ad esempio è concettualmente presente in diverse applicazioni che usano jQuery per evitare conflitti con la funzione $: si esegue una funzione anonima che wrappa l'oggetto 'jquery' così

(function($) {
  /* qui si può usare l'oggetto '$' senza rischiare interferenze con altre librerie.
})(jQuery);

[usecram]

Ok grazie