Problem sa setTimeout() u klasi

[ zgas @ 04.02.2009. 21:55 ] @

Imam funkciju (klasu) ovako fomiranu:

Code:
1.function F()
2.{
3.    this.promenljiva = 1;
4.
5.    this.metod = function() {
6.        setTimeout( 'alert(this.promenljiva)', 1000);
7.    }
8.}

ako iniciram klasu: klasa = new F();
i pozovem metod: klasa.metod();
NISTA se ne desava!

Sve je u redu i klasa radi ako promenim kod u 6. liniji, tj. promenim 'this' u 'klasa':

Code:
1.function F()
2.{
3.    this.promenljiva = 1;
4.
5.    this.metod = function() {
6.        setTimeout( 'alert(klasa.promenljiva)', 1000);
7.    }
8.}

ali ovako promenjen kod klase je neupotrebljiv ako se klasa inicira pod drugim nazivom od 'klasa'.

POMOC!

_{[Ovu poruku je menjao zgas dana 04.02.2009. u 23:14 GMT+1]}

[ Tudfa @ 05.02.2009. 16:22 ] @

Probaj ovako :

Code:

function F()
{
    this.promenljiva = 1;

   this.metod = function() {
        setTimeout( 'alert('+this.promenljiva+')', 5000);
    }
}

klasa = new F();
klasa.metod();

vrati samo timeout kako tebi odgovara

[ zgas @ 06.02.2009. 14:20 ] @

Jedini problem je sto se pojavila neophodna stvar da pozivam sa "setTimeout" ne promenljivu, vec metod!

Ako napisem ovaj kod:

Code:
function F()
{
    this.promenljiva = 1;

    this.metod = function() {
        setTimeout( this.metod2, 5000);
    }

    this.metod2 = function() {
        ...
    }
}

klasa = new F();
klasa.metod();

Metod2 biva odmah pozvan bez odlaganja.

A ako napisem ovaj kod:

Code:
function F()
{
    this.promenljiva = 1;

    this.metod = function() {
        setTimeout( 'this.metod2', 5000);
    }

    this.metod2 = function() {
        ...
    }
}

klasa = new F();
klasa.metod();

Metod2 se nikako ne poziva!

Meni jedino izgleda da bi bilo dobro ako bi unutar klase neki kod mogao da odredi,
koji je naziv inicirane klase, pa da 'setTimeout' pozove ne setTimeout( 'this.metod2', 5000);
vec setTimeout( 'klasa.metod2', 5000);

Pomozite ako mozete!

[ Tudfa @ 06.02.2009. 15:09 ] @

Ovaj kod radi to sto si hteo, sad sam ga isprobao :

Code:

function F()
{
    this.promenljiva = 1;

    this.metod = function() {
        setTimeout( this.metod2, 5000);
    }

    this.metod2 = function() {
        alert("Pozvan metod2 !");
    }
}

klasa = new F();
klasa.metod();

Posle 5 sekundi izbaci alert sa datim tekstom- "Pozvan metoda2". Nemoguce da isti kod radi kod mene, a kod tebe ne, uradi refresh stranice,
meni se desavalo ranije da radim u dreamweaveru i promenim nesto u .js fajlu, pokrenem i ono nista. E sad nisam ulazio u to da li je do
dreamweavera ili do browsera, ali refresh stranice je pomogao. Inace to mi se desavalo samo sa cuvenim IE6 , a sa IE7 ne, tako da je verovatno bilo do browsera.
No, ne mora da znaci da je i kod tebe ista prica, ali ipak uradi jedan refresh da iskljucis tu mogucnost, jer je kod u redu...

[ zgas @ 06.02.2009. 16:45 ] @

Ne znam sta se desilo, ali i kod mene to sada radi.
Medjuim, kada je proradilo, shvatio sam da to moram da prosirim malo da bi aplikacija radila.
Naime, u pitanju je ajax zahtev serveru. Ako dodje do prevelikog cekanja
odgovora servera, ovaj metod sa 'setTimeout' treba da pozove metod2 koji ce:

1. prikazati poruku na ekranu da se odgovor servera predugo ceka i
2. prekinuti ajaxRequest da se dalje ne izvrsava.

Kod je sledeci:

Code:
function F()
{
    this.ajaxRequest = ...;

    this.metod = function() {
        setTimeout( this.metod2, 5000);
    }

    this.metod2 = function() {
        alert("Server ne odgovara vise od 5 sekundi.");
        this.ajaxRequest.abort();
    }
}

klasa = new F();
klasa.metod();

Medjutim, kada prodje 5 sekundi ispise se poruka o gresci, ali
se ne blokira ajax request. Ako zelite da isprobate kod sebe, probajte u ovom obliku
(sustina je ista):

Code:
function F()
{
    this.promenljiva = 1;

    this.metod = function() {
        setTimeout( this.metod2, 5000);
    }

    this.metod2 = function() {
        alert("Server ne odgovara vise od 5 sekundi.");
        alert(this.promenljiva);
    }
}

klasa = new F();
klasa.metod();

Oba alerta su se pojavila, somo sto drugi alert ne prepozna this.promenljiva.
Isto je u predhodnom kodu - nece se prepoznati this.ajaxRequest.abort();

Molim za pomoc jos jednom!

_{[Ovu poruku je menjao zgas dana 06.02.2009. u 18:13 GMT+1]}

[ Aleksandar Ružičić @ 06.02.2009. 17:38 ] @

problem ti je sto se prilikom dodeljivanja callback fje setTimout fji:

Code:

setTimeout( this.metod2, 5000);

gubi kontekst method2 funkcije, tj kada ta funkcija kasnije bude pozvana od strane setTimeout-a this unutar method2 funkcije ce biti vezano za window objekat a ne objekat tvoje "klase".

evo ti quick solution, dodaj ovo na pocetak tvog skripta:

Code:

Function.prototype.bind = function(context){

   var $this = context, fn = this;

   return function(){

         return fn.apply($this, arguments);
   }
};

i onda ovako vezuj callback:

Code:

setTimeout( this.metod2.bind(this), 5000);

to bi trebalo da je to...

[ zgas @ 06.02.2009. 18:29 ] @

Mnogo hvala Aleksandre, cuo sam negde za BIND resenje ali nisam znao kako se primenjuje.
Pa ako mozete da mi pojasnite kako primenjujem ovu 'bind' funkciju.

Da li je pomocu "prototype" primenjujem na iniciran objekat
ili na samu klasu pre nego sto iniciram objekat (ako tu uopste ima razlike)?
Odgovaralo bi mi da primenjujem na klasu, a ne da pri svakoj inicijalizaciji objekta ponavljam ovaj korak.

I da li argumentu "context" mora uvek da se dodeli "this"?
Nije mi jasno sta upisujem mesto "Function" u "Function.prototype.bind" definiciji?

_{[Ovu poruku je menjao zgas dana 06.02.2009. u 22:09 GMT+1]}

[ Aleksandar Ružičić @ 07.02.2009. 00:16 ] @

Nista ne upisujes umesto Function, to je built-in klasa i sve funkcije su instance te klase (ovo moze da zbuni pocetnike ali lepota javascripta je u tome sto je sve objekat, pa i funkcija)
znaci nista ne treba da menjas, samo prekopiraj tu bind fju na pocetak js fajla i onda kad prosledjujes fju kao argument (kao u slucaju sa setTimeout) onda samo nadovezi .bind(object) i to je to.

[ zgas @ 07.02.2009. 11:12 ] @

Svaka cast Aleksandre! Kod radi, mada mi princip nije najasniji, ali sam ga primenio kako si mi rekao.

Jedino sto me interesuje: Da li funkcija BIND povecava upotrebu memorije tako sto ponovo kopira ceo this objekat?
I da li se momorija sve vise (rapidno) povecava ako ovu funkciju pozivam vise puta sa istim dugmetom u html stranici?

[ Aleksandar Ružičić @ 07.02.2009. 11:42 ] @

Ne treba memorija da te brine uopste, druga stvar zbog koje volim javascript je sto je sve referenca (prva je da je sve objekat), naravno osim literal vrednosti.
Tako da ti ne kopiras objekat vec samo kreiras dodatnu referencu na njega, sto je po pitanju memorije neznatno povecanje...

[ zgas @ 07.02.2009. 14:51 ] @

Bas mi je drago sto je tako.

Medjutim, (mozda izlazim malo iz teme) malcice sam testirao Ajax kod koji primenjuje BIND.
Koristio sam u firefoxu "LeakMonitor" Ekstenziju. Kod radi, ali ova ekstenzija generise neka upozorenja vezana za tzv. "Leak".
Ja i ne znam na sta se odnosi ovaj "Leak" (valjda na memoriju i nekakve pukotine u memoriji).
Takodje ne znam da li se ova upozorenja odnose na kod sa BIND funkcijom ili bez nje (nisam testirao).
Sto je jos cudnije, ekstenzija izbacuje prozor za upozorenje o "LEAK-u" ali bez ikakvih informacija!

Da li mozda moze neko da mi pomogne u vezi sa ovom LEAK-om, sta je to, i na cega bi se on mogao odnositi?

Unapred vam hvala!