Instanciar como objeto la siguiente clase

[combuilder]

Hola.
Resulta que creo la siguiente clase en JavaScript:

El código es el siguiente.

Código PHP:

  // Trabaja para mostrar datos de TABLA 
var accionesTablaListing = { 
        container: null, 
        DivTo: null, 
         
        init: function (contenedor, DT ) { 
            this.container = $(contenedor); 
            this.DivTo = $('#'+DT); 
                // Acciones dentro de la Tabla 
            this.container.find('a').on('click', function () { 
                var $this = $(this); 
                var b = $this.closest('tr').data('id'); 
                var a = $this.data('action');  
                                // console.log('Enviado a: '+a+b); 
            } 
};  
   

Por otro lado, me gustaria crear una variable :

Código PHP:

  var mivar = new accionesTablaListing ();  
   

Pero me da error, y no se como proceder.

En cambio, si escribo

Código PHP:

  var mivar = accionesTablaListing ;  
   

no tengo problema.

El motivo de querer instanciar una variable a un evento es porque dicha clase quiero usarla en distintas partes de la aplicación, y no se cómo prodecer.

Agradezco de antemano la ayuda!

[Aijoona]

Por partes:

1. JavaScript no tiene clases, lo correcto es llamarlo constructores.
2. Los constructores se instancian con el operador new.
3. Los constructores son funciones (acá falla tu ejemplo).
4. Por convención, todos los constructores llevan nombre capitalizado (AccionesTablaListing)

Implementación posible (notar la función y el prototipo):

Código Javascript:

// Trabaja para mostrar datos de TABLA
var AccionesTablaListing = function(contenedor, DT) {
    this.container = $(contenedor);
    this.DivTo = $('#'+DT);
        // Acciones dentro de la Tabla
    this.container.find('a').on('click', function () {
        var $this = $(this);
        var b = $this.closest('tr').data('id');
        var a = $this.data('action'); 
                        // console.log('Enviado a: '+a+b);
    });
};
 
 
AccionesTablaListing.prototype = {
        container: null,
        DivTo: null,
        anotherFunction: function() { alert('HELLO WORLD') }
};  
 
 
var foo = new AccionesTablaListing(body, 'foo');
 
foo.anotherFunction(); // "HELLO WORLD"
 

EDIT: Tu ejemplo tiene llaves mal cerradas además.

[combuilder]

ni que decir tiene, MIL GRACIAS!
Ahora lo veo ... mucho más claro!

[combuilder]

En mi ejemplo tengo mal las llaves porque eliminé unas cuantas lineas de código, innecesarias para solventar el problema que tengo. El caso es que la función ya me funciona correctamente!

Ahora estoy cambiando otro código y me encuentro con otro problema.

El código cambiado es el siguiente:

Código Javascript:

// Control de Paginas en Listing.asp
var BotonesPaginado = function (contenedor , base, ASPDestino) {
            this.container = $(contenedor);
            this.pagina = this.container.find('#spage');
            this.container.find('a').on('click', function () {
                    var a = $(this).data('ira');
                    var b = this.pagina.val();
                    console.log('b');
                    });
};
BotonesPaginado.prototype = {
        container: null,
        pagina: null,
};
 

El problema lo tengo en la línea 7
var b = this.pagina.val();
Porque quiero recuperar el valor de un INPUT que está almacenado en this.pagina, pero al ejecutar una llamada click, me dice q es "undefined".

¿cómo hago para pasarle el valor que tiene que ser?

De nuevo, mil gracias!

[Aijoona]

Dentro del event handler el thisValue se corresponde con el objeto jQuery y no con tu instancia.

Podes resolverlo mediante binding o una referencia externa:

Código Javascript:

var BotonesPaginado = function (contenedor , base, ASPDestino) {
            this.container = $(contenedor);
            this.pagina = this.container.find('#spage');
            
            // Referencia al objeto actual
            var self = this;
            
            this.container.find('a').on('click', function () {
                var a = $(this).data('ira');
                // En lugar de this, usa la referencia externa
                var b = self.pagina.val();
                console.log('b');
            });
};
 

[combuilder]

Pues la respuesta ha sido más fácil de lo esperado:

Código Javascript:

var p = this.pagina;
 

y dentro de la funcion que espera el 'click':

Código Javascript:

var b = p.val();
 

Muchas gracias!