clases javascript

[djaevi]

hola a todos les paso a comentar mi duda.

Estoy practicando de instanciar objetos en javascript simulando una clase digamos el asunto es el siguiente estoy intentando recuperar una propiedad de mi clase mediante un link generado por esta misma clase seria algo asi.

Código Javascript:

function clase() {
this.nombre = "clase javascript";
this.id = "20";
this.dibujar = function() {
        $("#divContenedor").append($("<a>Ver Nombre</a>").bind("click",function() {
                // COMO LLAMO ESTE PARAMETRO ??
            }))
    }
}
 
$(document).ready(function() {
    clase.dibujar();    
    })
 

en donde puse como llamo este parametro je he probado colocando this.nombre pero claro al estar dentro de la funcion de un elemento tag a hace referencia a si mismo y no a la clase, existe alguna forma de llamar los atributos de la clase como lo estoy intentando? o tengo que morir en llamarlo desde afuera usando clase.nombre ? desde ya muchas gracias!

[caricatos]

Hola:

Si hablas de javascript deberías indicar que es $()... aunque supongo que tratas con librerías...

Por lo que veo te falta asignar esa "clase" a alguna variable:

variable_de_la_clase = new clase();

Saludos

[djaevi]

Hola caricatos gracials x contestar. En efecto por fuera de la clase declaro una variable y le asigno el valor new clase.

Var clase = new clase();

En la clase que estoy haciendo hay una funcion inicial llamada dibujar que crea x dom unos divs y unos links, lo que quiero hacer es asignar a uno de esos links que dibujo dentro de la clase una funcion que me devuelva la propiedad de la clase que yo desee. A proposito me olvide de aclarar uso jquery.

Alguna sugerencia? Desde ya muchas gracias!

[dontexplain]

En Javascript no existen las clases porque es un lenguaje orientado a objetos y que basa su modelo en la clonación de prototipos con posibilidad de extensión ulterior. Las clases se basan en herencia, y los prototipos en clonación.

Un saludo.

[utan]

Iniciado por djaevi

hola a todos les paso a comentar mi duda.

Estoy practicando de instanciar objetos en javascript simulando una clase digamos el asunto es el siguiente estoy intentando recuperar una propiedad de mi clase mediante un link generado por esta misma clase seria algo asi.

Código Javascript:

function clase() {
this.nombre = "clase javascript";
this.id = "20";
this.dibujar = function() {
        $("#divContenedor").append($("<a>Ver Nombre</a>").bind("click",function() {
                // COMO LLAMO ESTE PARAMETRO ??
            }))
    }
}
 
$(document).ready(function() {
    clase.dibujar();    
    })
 

en donde puse como llamo este parametro je he probado colocando this.nombre pero claro al estar dentro de la funcion de un elemento tag a hace referencia a si mismo y no a la clase, existe alguna forma de llamar los atributos de la clase como lo estoy intentando? o tengo que morir en llamarlo desde afuera usando clase.nombre ? desde ya muchas gracias!

Hola, no se de jquery pero necesitas el bind() keyboard si esta disponible para pasar el objeto this en el metodo dibujar..

Código Javascript:

function clase() {
this.nombre = "clase javascript";
this.id = "20";
this.dibujar = function() {
        $("#divContenedor").append($("<a>Ver Nombre</a>").bind("click",function() {
                // COMO LLAMO ESTE PARAMETRO ??
                               // ya podes llamar tu propiedad 
                                console.log(this.nombre);
 
            }.bind(this)))
    }
}
 
$(document).ready(function() {
    clase.dibujar();    
    })
 

Asi lo tienes adentro del evento click en la funcion anonima esta de callback

eso te deveria de servir.

Si no esta disponible, inspeciona con console.log() de firebug si clase lo tienes defindo en el scope de tu callback..

[djaevi]

Geniaaal!! funciona muy bien, te hago una consulta solo por curiosidad que es lo que hace el bind(this) para que funcione el codigo? lo pregunto xq mas alla de que funcione me gustaria aprenderlo bien el concepto de lo que hace, mil gracias!!!

[utan]

Iniciado por djaevi

Geniaaal!! funciona muy bien, te hago una consulta solo por curiosidad que es lo que hace el bind(this) para que funcione el codigo? lo pregunto xq mas alla de que funcione me gustaria aprenderlo bien el concepto de lo que hace, mil gracias!!!

Pasa la referencia de la clase que estas usando con el keyboard this ... al hacer
esto tienes todas las propiedades y metodos de la clase disponible para ser utilizado en el scope de las funciones anomimas o tambien llamadas callbacks.

pero ojo una vez haces esto el objeto this ya no referencia el elemento al cual el evento clic estaba atachado o pegado..

tendras que usar el argumento en callback ejemplo:

Código Javascript:

function agregaeventoclick(){
              
              // dentro de la funcion agregaeventoclick , this esta disponible
 
             element.addEventListener('submit' , function(ev){
 
                             //aqui no tenes referenciado la clase con el this
                             this.otherproperty;     // indefinido
                           
            }
                 
           }
 
            function agregaeventoclick(){
              
             element.addEventListener('submit' , function(ev){
 
                             /*   ya tenemo la referencia this de toda la clase
                              *   metodo y propiedades disponibles
                              */
                             this.otherproperty;     //definido al fin
 
                            /*  por pasar this en este scope 
                             *  this ya no referencia a el elemento que fue cliqueado
                             *  lo encontraras ahora en la variable del callback
                             */ 
                           console.log(ev);
                           
            }.bind(this)// pasamos la referencia this a el callback
                 
           }
 

Ya me enrolle bueno espero me entiendas..

[djaevi]

jaja si creo que te entendi el this ahora hara referencia a la clase y no al objeto $("<a>"); mas o menos quedo claro jajaj muchas gracias !!!