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.