this classi javascript

[Vicar]

Salve,
sto scrivendo una classe javascript che vi posto di seguito:

 function Table(n){
	this.number=n;
        this.user=Array();
        this.button=$("#table_1").find(".sitdown");

	this.button.bind("click",this.sit);
	this.li.each(function(index, element) {
            //this.user.push($(element).text()); primo problema
        });
}
Table.prototype.sit = function(){
	//alert(this) secondo problema
}

Se io avessi tante istanze di Table, come faccio a ovviare il primo problema? In quel caso this non è più la mia istanza ma l'oggetto all'interno dell'each.
Per quanto riguarda il secondo problema, this è l'oggetto sul quale si scatena l'evento e non l'istanza table, anche qui, come faccio a usare l'istanza??

Grazie!

[mxa]

 function Table(n){
	this.number=n;
        this.user=Array();
        this.button=$("#table_1").find(".sitdown");

	this.button.bind("click",this.sit.bind(this));
	this.li.each(function(index, element) {
            //this.user.push($(element).text()); primo problema
        }.bind(this));
}
Table.prototype.sit = function(){
	//alert(this) secondo problema
}

[rsdpzed]

per quanto riguarda il primo problema ogni volta che ho un this che si riferisce alla classe, all'inizio della function scrivo

var _self = this

in questo modo se devo riferirmi all'oggetto uso _self anche dall'interno di una funzione anonima che mi cambia il contesto di this.

il secondo problema sinceramente non l'ho capito. Quel this dovrebbe riferirsi alla table... magari prova a postare il codice in cui dichiari l'oggetto e chiami il metodo.

[chumkiu]

- crea una variabile _self come ti ha suggerito rsdpzed
- Utilizza quella invece di this (perché "this" può cambiare in base al contesto)
- non passare la funzione _self.sit ad un metodo jQuery perché jQuery ne cambia il contesto.

function Table(n){

	var _self = this; // soluzione

	this.number=n;
        this.user=Array();
        this.button=$("#table_1").find(".sitdown");

	this.button.bind("click",function(e) {_self.sit()}); // <----- non chiamare direttamente la funzione
	this.li.each(function(index, element) {
            _self.user.push($(element).text()); primo problema
        });
}
Table.prototype.sit = function(){
	// do something
}

La soluzione proposta da mxa credo sia anche valida, ma la funzione "bind" (nativa) non è supportata da Internet Explorer 8 e inferiori. Quindi dipende dal tuo target (potresti anche trovare una patch per IE e usare il metodo di mxa)

[Vicar]

Intanto grazie a tutti per le risposte!
Ma _self è visto dal metodo sit?

Perché il contesto di this quando il metodo sit viene richiamato è il bottone che scatena l evento e non l istanza table.
Grazie per le risposte in anticipo

[chumkiu]

Originariamente inviato da Vicar
Intanto grazie a tutti per le risposte!
Ma _self è visto dal metodo sit?

Perché il contesto di this quando il metodo sit viene richiamato è il bottone che scatena l evento e non l istanza table.
Grazie per le risposte in anticipo

No self non è visto dal metodo sit.
Li' dentro puoi usare this se fai come ti ho detto

this.button.bind("click",function() {_self.sit()});

[Vicar]

Non ho ancora testato ma mi fido di te e ti chiedo: come mai prima this era l'oggetto sul quale veniva scatenato l'evento mentre come hai detto tu no?

graize per la rispota

[chumkiu]

Originariamente inviato da Vicar
Non ho ancora testato ma mi fido di te e ti chiedo: come mai prima this era l'oggetto sul quale veniva scatenato l'evento mentre come hai detto tu no?

graize per la rispota

Perché nel tuo caso tu passi la funzione a un metodo jQuery che poi la chiama cambiando lo scope (si fa con funcName.call(scope)).

Nel mio caso la chiamo io direttamente non cambiando lo scope (col classico funcName())

In soldoni :-)

[Vicar]

Grazie mille, sei stato esaustivo