Sobre scope chain en handlers

[Trafficx]

Código:

var MiObjeto = {
	
	objetoPropiedad1: {
		
		handler: function() {
			alert(MiObjeto.propiedadObjeto2.nombre);
		},
		
		addHandler: function () {
			var element = document.getElementById("un-id");
			element.addEventListener("click", this.handler, false);
		}
	},
	
	objetoPropiedad2: {
		
		nombre: "Pedro",
		
		edad: 29
	}
}

MiObjeto.addHandler();

Es un objeto exterior con dos propiedades, dos objetos interiores.
El primer objeto interior toma un elemento del DOM y le añade un handler.

El handler hace referencia a la propiedad nombre del segundo objeto interior.

Mis dudas son:

1 - ¿La cadena de ámbito (Scope chain mejor) del handler contiene al objetoPropiedad2?.

2 - ¿Y contiene a MiObjeto?.

Gracias por leer. Espero haya sido claro.

[IsaBelM]

el objeto no tiene la propiedad addHandler

MiObjeto.objetoPropiedad1.addHandler();

estas usando this.handler, cuando no usas el constructor

function() {MiObjeto.objetoPropiedad1.handler()}

propiedadObjeto2 no será objetoPropiedad2??

[sneyder05]

Saludos Trafficx

Revisando tu código concuerdo conIsaBelM, las referencias a propiedades del objeto están mal, a continuación te dejo un código para que lo pruebes y nos cuentes

Código PHP:

  var MiObjeto = {     
        objetoPropiedad1: {         
            handler: function() { 
                alert(MiObjeto.objetoPropiedad2.nombre); 
            },         
            addHandler: function () { 
                var element = document.getElementById("nick"); 
                element.addEventListener("click", this.handler, false); 
            } 
        }, 
     
        objetoPropiedad2: {         
            nombre: "Pedro",         
            edad: 29 
        } 
    } 
 
    MiObjeto.objetoPropiedad1.addHandler();  
   

[Trafficx]

Mi ejemplo tenía errores, vamos de nuevo:

Código:

var MiObjeto = {
	
	objetoPropiedad1: {
		
		handler: function() {
			alert(MiObjeto.objetoPropiedad2.nombre);
		},
		
		addHandler: function () {
			var element = document.getElementById("un-id");
			element.addEventListener("click", MiObjeto.objetoPropiedad1.handler, false);
		}
	},
	
	objetoPropiedad2: {
		
		nombre: "Pedro",
		
		edad: 29
	}
}

MiObjeto.objetoPropiedad1.addHandler();

Es un objeto exterior con dos propiedades, dos objetos interiores.
El primer objeto interior toma un elemento del DOM y le añade un handler.

El handler hace referencia a la propiedad nombre del segundo objeto interior.

Mis dudas son:

1 - ¿La cadena de ámbito (Scope chain mejor) del handler contiene al objetoPropiedad2?.

2 - ¿Y contiene a MiObjeto?.

Gracias por leer. Espero haya sido claro.

[sneyder05]

Saludos Trafficx

Dinos que intentas hacer con ese tipo de objetos y encapsulación, y te podremos orientar de la mejor manera

[Aijoona]

El scope dependerá del contexto en el que estés declarando 'MiObjeto', pero independientemente de eso, el objeto en cuestión y todas sus properties serán visibles para el handler (ya que tiene visibilidad al momento de ser declarado).

Si te interesa leer sobre este tópico, te recomiendo la siguiente lectura:

1. http://dmitrysoshnikov.com/ecmascrip...4-scope-chain/
2. http://dmitrysoshnikov.com/ecmascrip...common-theory/