[SOLUCIONADO] POO y javascript

[juanito1712]

estoy un tanto liado con esto no consigo desde un método acceder a una propiedad del mismo objeto... este es el código

Código Javascript:

<script>
window.onload=function(){
    fad=new Fader();
}
var Fader=function(){
    this.opa=100;
    this.interval=setInterval(this.setOpa,100);
    
}
Fader.prototype.setOpa=function(){
    alert(this.opa);
}
</script>
 

no se como hacer que desde setOpa se acceda a opa

[ipraetoriux]

...pues en la linea 7 debería ser this.setOpa() no this.setOpa...estas llamando a un método, no a un atributo...entonces la linea 7 te quedaria asi...

Código Javascript:

this.interval=setInterval(this.setOpa(),100);
 

[juanito1712]

http://www.forosdelweb.com/f13/setin...imeout-922586/

Lo que puede pasar es que se aborte por detectar un error... [...] El posible error es que como primer parámetro no debes usar la función que quieres temporizar... vale esa función como una cadena (o sea entrecomillada), o como su nombre, pero sin el juego de paréntesis...

Y eso es lo que ocurre si lo hago así

[ipraetoriux]

....pues mira: http://jsbin.com/axirav/18/edit

...como ves funciona perfectamente, perooooooo...entrando a un nivel mas profundo de Javascript, esto puede llegar a ocasionar problemas de seguridad de la misma forma que lo hace eval();...entonces, porque funciona??? ...no significa que sea incorrecta esta forma de pasar una función como argumento dentro de SetTimeout y SetInterval, es totalmente valido dentro de Javascript al igual que el uso eval();, peroooo...dependiendo lo que estés desarrollando y el entorno general de tu código, muchas veces no es recomendable su uso...

...entonces, modificando un poco el código, como primer argumento, deberias pasar una referencia a una función que puede ser el nombre de la función, o una variable de referencia o una función anónima...

[juanito1712]

no se si te habrás confundido de ejemplo, sigue funcionando como un setTimeout

[ipraetoriux]

...no, no me confundí nada, te mostré ese ejemplo para que veas como funciona llamando la función directamente, que no es incorrecto su uso, pero no es recomendado, igual que sucede con eval()...

...ahora si no quieres usar esa forma, y como te explique antes, debes pasar como argumento una referencia a una función que puede ser el nombre de la función, o una variable de referencia o una función anónima, asi..

Código Javascript:

window.onload=function(){
    fad=new Fader();
};
 
 
var Fader=function(){
  this.opa=100;
  var that = this;
  setInterval(function(){
  that.setOpa();
  }, 100);
    
};
 
Fader.prototype.setOpa=function(){
    alert(this.opa);
};
 

con respecto a lo que dices " sigue funcionando como un setTimeout???",, el problema es el alert() y el valor que retorna al cerrar el pop up, frena la ejecución del Javascript..si lo intentas con console.log veras que funciona perfectamente http://jsbin.com/eqibel/24/edit

[juanito1712]

ahi estaba el meollo

habia llegadoa probar algo como esto
setInterval(function(){
this.setOpa();
}, 100);

pero no había manera

tendré que ver que se hace con var that = this;

muchísimas gracias

[ipraetoriux]

..pues mira, porque uso var that=this;

..si vos pasas como argumento de esta forma :

Código Javascript:

setInterval(function(){
  this.setOpa();
  }, 100);
 

...veras que no funciona, porque?...al llamar al método setOpa(), el this pierde el contexto del objeto donde se aplica, y toma como contexto el objeto window...

...para que esto no suceda, defino la variable that y la inicializo con this(el contexto del objeto), entonces al llamar al método that.setOpa(); lo estoy invocando dentro del contexto del objeto...