Desbordamientos de Pila

Albuss · #1 (**permalink**) 08/02/2013, 04:19

Buenas!

Cada vez mas, (en la herramienta online que estoy desarrollando), al testeala, veo que muchos métodos de los protoripos no funcionan, y solo los consiguo arreglar si no uso tantas propiedades del prototipo, es decir:

En algunos métodos de prototipo, me ha pasado (mas de dos y tres veces) que al intentar trabajar con muchas propiedades del propio prototipo (lo que seria la clase), no funciona, o bien no logra obtenerlas por referencia (que es como trabaja JS si tengo entendido bien) o tengo un desbordamiento de pila (demasiada información para una función, en este caso método)

Es posible? , la cantidad de propiedades no es muy alta, hablo de quizas 4 o 5.

Ejemplo en codigo de un ultimo caso :

Código Javascript:

Ver originalfunction ManagementFrames (arrayID,arrayOut,arrayOn,arrayOutFinal){ 
 
this.ID = arrayID; // Primera cadena array, contiene los string con las id de CSS los divs
this.Out = arrayOut; // Segunda cadena array, contiene los string con las id de CSS los divs que hacen que estos tengan una animacion de "irse"
this.On = arrayOn; // Tercera cadena array, contiene los string con las id de CSS los divs que hacen que estos tengan una animacion de "entrar"
this.OutF = arrayOutFinal; // Primera cadena array, contiene los string con las id de CSS los divs hacen que estos desaparezcan (propiedad display:none) 
this.ActualID = 2; // variable que contiene el indice con el que se trabaja, puesto que todas las cadenas siguen el mismo orden
 
 
 
 
    this.ActiveE = function ActiveE(a){ 
            
                        n = a; // variable que es pasada al llamar la funcion, indica que div del indice entra
 
            document.getElementById(this.ID[n]).className = (this.On[n]);
                
            document.getElementById(this.ID[this.ActualID]).className = (this.out[this.ActualID]);
 
            Desactive=setTimeout(function(){document.getElementById(this.ID[this.ActualID]).className = (OutF[0]);},500);
 
            
    }
    
 
}
 
var ObjectManagementFrames = new ManagementFrames (['atmosferaframelogin','atmosferatransicionador02','atmosferatransicionador','atmosferatransicionador04'],['atmosferaframeloginOut','atmosferatransicionador02Out','atmosferatransicionadorOut','atmosferatransicionador04Out'],['atmosferaframeloginOn','atmosferatransicionador02On','atmosferatransicionadorOn','atmosferatransicionador04On'],['atmosferaOutF']);

En concreto, la parte que se con seguridad que falla es la parte donde setTimeOut inicia una propia función, y por algún motivo no funciona de los que explico arriba (supongo).

Albuss · #2 (**permalink**) 09/02/2013, 02:21

Al menos me consuela el hecho de haber encontrado un bug que no se puede resolver.

Panino5001 · #3 (**permalink**) 09/02/2013, 17:19

Tu problema no es el que mencionás. Tu problema es de ámbito. Voy a simplificar tu ejemplo para verlo mejor:
Vos tenés esto:

Código PHP:

  <script type="text/javascript"> 
function ManagementFrames (algo){  
  
this.ID = algo; // Primera cadena array, contiene los string con las id de CSS los divs 
 
    this.ActiveE = function ActiveE(a){  
             
              
            Desactive=setTimeout(function(){alert(this.ID);},500); 
  
             
    } 
     
  
} 
  
var ObjectManagementFrames = new ManagementFrames ('pp'); 
ObjectManagementFrames.ActiveE(1); 
</script>

Y no funciona porque this dentro del setTimeout no refiere al objeto dentro de cuyo método está inserto sino al objeto window, como se aprecia aquí:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
<script type="text/javascript"> 
function ManagementFrames (algo){  
  
this.ID = algo; // Primera cadena array, contiene los string con las id de CSS los divs 
 
    this.ActiveE = function ActiveE(a){  
             
              
            Desactive=setTimeout(function(){alert(this.location.href);},500); 
  
             
    } 
     
  
} 
  
var ObjectManagementFrames = new ManagementFrames ('pp'); 
ObjectManagementFrames.ActiveE(1); 
</script> 
 
</head> 
 
<body> 
</body> 
</html>

Una de las cosas que suelen hacerse para solucionarlo es esta:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
<script type="text/javascript"> 
function ManagementFrames (algo){  
  
this.ID = algo; // Primera cadena array, contiene los string con las id de CSS los divs 
 
    this.ActiveE = function ActiveE(a){  
             
             var _this=this; 
            Desactive=setTimeout(function(){alert(_this.ID);},500); 
  
             
    } 
     
  
} 
  
var ObjectManagementFrames = new ManagementFrames ('pp'); 
ObjectManagementFrames.ActiveE(1); 
</script> 
 
</head> 
 
<body> 
</body> 
</html>

Albuss · #4 (**permalink**) 10/02/2013, 18:05

Ya lo habia testeado, esta linea de codigo se ejecuta correctamente :

Código Javascript:

Ver originalDesactive=setTimeout(function(){document.getElementById(this.ID).className = (OutF[0]);},500);

Esta no :

Código Javascript:

Ver originalDesactive=setTimeout(function(){document.getElementById(this.ID[this.ActualID]).className = (OutF[0]);},500);

Y he probado lo siguiente :

Código Javascript:

Ver original{document.getElementById(this.ID[NOMBREDELOBJETO.Propiedad]).className = (OutF[0]);},500);