Leer el valor de una variable global en una clase

junihh · #1 (**permalink**) 07/03/2011, 08:13

Hola señores

Estoy preparando una funcion a modo de clase para evitar el problema de los conflictos de las variables y funciones con un plugin de jQuery que aplique en un proyecto.

Mi clase la estoy escribiendo desde cero (no con jQuery) y estoy teniendo problemas para tomar el valor de una variable global desde otra funcion (prototype). Tengo lo siguiente:

Código:

var showFotos = function (id,cl)
{
	if ( !document.getElementById(id) ) return;
	//
	var ths = this, glb = {};
	glb.obs = [], glb.obs = ths.clsFltr (id,'li',cl);
	glb.probar = 'JuniHH';
	//alert( glb.probar );
	//
	for (var i = 0, c = glb.obs.length; i < c; i++) ths.setOb ( glb.obs[i] );
};

showFotos.prototype.setOb = function (ob)
{
	var ths = this;
	//
	ob.onclick = function ()
	{
		alert( showFotos.prototype.glb.probar );
	};
};

No logro capturar el valor de "probar" declarado dentro de "glb". En este caso "glb" es mi variable global a la que necesito acceder desde "setOb".

Intente cambiar "alert(showFotos.prototype.glb.probar);" por "alert(ths .glb.probar);" que entiendo debe ser igual, pero no nada. ¿Que puedo estar haciendo mal?

Gracias de antemano a cualquier ayuda o idea que me puedan facilitar.

caricatos · #2 (**permalink**) 07/03/2011, 08:40

Hola:

Lo de prototype debes usarlo solo una vez en la declaración, luego solo debes usar el resto... pero revisa la ortografía(sintaxis) primero ya que tienes algunos errores...

Saludos

Panino5001 · #3 (**permalink**) 07/03/2011, 08:41

Una manera sería convertir la variable en una propiedad pública del objeto, es decir, hacer algo como esto: this.propiedad='lo que sea'; Un ejemplo de esto:

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> 
</head> 
 
<body> 
<div id="pp" style="height:30px; background:#F00"></div> 
<script type="text/javascript"> 
var showFotos = function (id,cl) 
{ 
    if ( !document.getElementById(id) ) return; 
    // 
    var ths = this,glb; 
    ths.glb=glb= {}; 
    glb.obs = []; 
    glb.obs.push(document.getElementById(id)); 
    // glb.obs = ths.clsFltr (id,'li',cl); 
    glb.probar = 'JuniHH'; 
     
    // 
    for (var i = 0, c = glb.obs.length; i < c; i++) ths.setOb ( glb.obs[i] ); 
}; 
 
showFotos.prototype.setOb = function (ob) 
{ 
    var ths = this; 
    // 
    ob.onclick = function () 
    { 
        alert( ths.glb.probar ); 
    }; 
}; 
var s=new showFotos('pp') 
</script> 
</body> 
</html>

Otra manera (la que más uso en lo personal) es generar un namespace, es decir, una variable global de este tipo:

Código PHP:

  var ns={} 
//y como está en el contexto global podés en cualquier momento hacer cosas como esta: 
ns.miVar='lo que sea'; 
ns.miVar2='otra cosa'; 
//y ya podés referenciar esas variables desde cualquier lado con un : 
alert(window.ns.miVar);

junihh · #4 (**permalink**) 07/03/2011, 09:05

@caricatos: ¿Cuales serian esos errores de sintaxis?

@Panino5001: Como tenía tiempo de esperar respuesta, justo practique la segunda alternativa que pusiste, que siempre sera la mas "facil" si quiero evitar conflictos con otras variables y funciones. Muchisimas gracias por tu ayuda, me sirvio de mucho. Corregire de inmediato mi clase.

_cronos2 · #5 (**permalink**) 07/03/2011, 09:05

Cita:

Iniciado por junihh

Código:

var showFotos = function (id,cl)
{
	if ( !document.getElementById(id) ) return;
	//
	var ths = this, glb = {};
	glb.obs = [], glb.obs = ths.clsFltr (id,'li',cl);
	glb.probar = 'JuniHH';
	//alert( glb.probar );
	//
	for (var i = 0, c = glb.obs.length; i < c; i++) ths.setOb ( glb.obs[i] );
};

showFotos.prototype.setOb = function (ob)
{
	var ths = this;
	//
	ob.onclick = function ()
	{
		alert( showFotos.prototype.glb.probar );
	};
};

No logro capturar el valor de "probar" declarado dentro de "glb". En este caso "glb" es mi variable global a la que necesito acceder desde "setOb".

Quizás me esté equivocando yo, pero

Código Javascript:

Ver originalvar ths = this, glb = {};

declara glb como una variable local, por lo que después no podrás acceder a ella. Puedes usar la solución de @Panino, con this.propiedad .
Saludos (:

junihh · #6 (**permalink**) 07/03/2011, 09:14

@_cronos2: Si, fue que al declarar "glb" dentro de "showFotos", ya seria simple llamarla como "showFotos.prototype.glb.probar", pero no funciono. Gracias.