Objetos, Eventos y ... problemas

[Albuss]

Buenas caballeros!


he estado toda la noche intentando solventar el siguiente problema, tengo dos objetos, de un mismo prototipo, este prototipo tiene un método que añade un evento.


Los objetos no presentan ningún error, ni tampoco sus propiedades ni métodos, El problema viene cuando el evento es lanzado, Este solo actúa sobre el ultimo objeto que ha añadido el evento.

Pongo un ejemplo explicito :

Código Javascript:

/* Funcion Simple que recibe por argumentos, la referencia del Objeto al que se le va a modificar la edad : edad actual +1*/
 
ModificadorEdad(objeto){
 
   Objeto = objeto;
   Objeto.Age = (Objeto.Age+1);
 
}
 
 
/*Prototipo Persona, tiene dos propiedades, edad (sera modificada por la funcion de arriba y Objeto, que va a guardar la referencia del objeto instanciado*/
 
function Persona(age){
 
        this.Age = age;
        this.Objeto;
 
       //Un metodo que recibe un argumento, este sera la referencia del objeto
 
        this.PutNameObject = function(Objeto){
            this.Objeto = Objeto;
        }
 
       /*Segundo metodo, que añadirá un evento al body, este llamara a la funcion simple de arriva que modifica la edad del objeto que se le pase por argumento*/
 
    this.ChargeEvent = function(){
        
        objeto = this.Objeto;
        document.body.addEventListener("keypress", function () {ModificadorEdad(objeto);}, false);  
    }
 
}
 
/*Instanciamos dos Objetos Persona : titos y pedro, cada uno lleva a cavo los dos metodos del prototipo*/
 
var titos = new Persona(30);
titos.PutNameObject(titos);
titos.ChargeEvent();
 
var pedro = new Persona(40);
Pedro.PutNameObject(Pedro);
Pedro.ChargeEvent();
 

Bien, como he dicho, los objetos no dan problemas, si llevamos a cavo este codigo simplificado en cosola, para titos y para pedro tendremos las propiedades bien inicializadas, su edad y la referencia de su objeto mismo, asi como si inspeccionamos el elemento body, veremos que se añadieron satisfactoriamente los dos eventos listener keypess.

El problema viene cuando lanzamos el evento, volvemos a consola, revisamos la propieadad edad y vemos que solo se ha modificado la del segundo objeto, en este caso para el objeto pedro ¿por que?

[alexg88]

Buenas,

Tienes algunas cosas un poco raras, como guardar la referencia al objeto dentro del objeto (!!!), pero el problema principal es que estabas creando una variable global.

En concreto:

this.ChargeEvent = function(){

objeto = this.Objeto;
document.body.addEventListener("keypress", function () {ModificadorEdad(objeto);}, false);
}

Esa variable se crea globalmente y se sobreescribe con el último objeto que la sobrescribe. Para evitar esto, debes poner var para crearla de manera local a la función.

Otra cosa es que tengas en cuenta que Javascript es sensible a mayúsculas y minúsculas.

Te dejo como lo haría yo quitando cosas redundantes:

Código Javascript:

/* Funcion Simple que recibe por argumentos, la referencia del Objeto al que se le va a modificar la edad : edad actual +1*/
 
function ModificadorEdad(objeto)
{
    objeto.Age++;
    alert(objeto.Age);
} 
 
/*Prototipo Persona, tiene dos propiedades, edad (sera modificada por la funcion de arriba y Objeto, que va a guardar la referencia del objeto instanciado*/
 
function Persona(age)
{
    this.Age = age;
    
    /*Segundo metodo, que añadirá un evento al body, este llamara a la funcion simple de arriva que modifica la edad del objeto que se le pase por argumento*/
      
    this.ChargeEvent = function()
    {
        var thisp = this;
        document.body.addEventListener("keypress", function ()
                                       {
                                           ModificadorEdad(thisp);
                                       }, false);         
    } 
}
 
/*Instanciamos dos Objetos Persona : titos y pedro, cada uno lleva a cavo los dos metodos del prototipo*/
 
var titos = new Persona(30);
titos.ChargeEvent();
 
var pedro = new Persona(40);
pedro.ChargeEvent();
 

Un saludo.

[Albuss]

Gracias! , no había caído en el tema de las globales, por cierto, guardar la referencia del objeto dentro del propio objeto, sonara raro, pero si vamos a consola, ponemos por ejemplo titos.Objeto; , nos devolverá el objeto sin errores, idem para pedro, si alguien tiene una mejor forma de guardar una "auto" referencia del objeto , que lo exponga aquí por favor!

[alexg88]

¿Para que quieres guardar una "autoreferencia" si ya tienes el objeto? No le veo la utilidad la verdad, a no ser que vayas a crear listas enlazadas (pero ese es otro caso).

[Albuss]

por que si hago algo parecido a :

Código Javascript:

function Persona(){
 
this.Objeto = this;
 
}
 

Se referencia al prototipo, no al objeto, ademas, ¿soy el unico al que le resulta tremendamente util guardar una autoreferencia dentrod el objeto? entre otras cosas lleva a automatizar muchas funciones que retornen al propio item. La encapsulacion trata de que cuando integras un conjunto de funciones para trabajar entre si, ninguna de ellas se tenga que preocupar de preguntar nada.

[alexg88]

Ya sólo por curiosidad, ¿me puedes poner algún ejemplo en el que sea útil hacer eso?

Es interesante ver los distintos puntos de vista y siempre se puede aprender algo.

[Albuss]

Si tienes un metodo de otra clase que va hacer un calculo automatico de x propieadedes de multiples objetos por ejemplo y luego tiene que devolver el resultado al la propieadad especifica de un objeto concreto, habiendo multitud de ellos del mismo prototipo, no se, te pongo esto como ejemplo por que es lo que estoy haciendo.