JavaScript - Zmienna pętli jako parametr funkcji.

Question

Dzień dobry,

Mam problem z pętlą, której zmienna jest parametrem funkcji...
Nie wiem czy dobrze wytłumaczyłem o co mi chodzi, więc po prostu wstawiam kod.

Mam coś takiego:

Slider1.nav[0].onclick = function (){
    Slider1.SlideTo(0);
}
Slider1.nav[1].onclick = function (){
    Slider1.SlideTo(1);
}
Slider1.nav[2].onclick = function (){
    Slider1.SlideTo(2);
}
Slider1.nav[3].onclick = function (){
    Slider1.SlideTo(3);
}
Slider1.nav[4].onclick = function (){
    Slider1.SlideTo(4);

Chcę uzyskać:

for (i=0; i<5; i++) {
    Slider1.nav[i].onclick = function (){
    Slider1.SlideTo(i);
    }
} 

Problem jest taki, że i nie dociera do function, tzn. po prostu jest niezdefiniowane.
Ma ktoś jakiś pomysł jak się z tym uporać?

http://stackoverflow.com/questions/3023874/arguments-to-javascript-anonymous-function
Znalzłem taki temat, w którym jedna z odpowiedzi +/- tłumaczy moje rozwiązanie, jednak nie bardzo go rozumiem, przez co nie jestem w stanie tego zastosować.

Answer 1

Po przeleceniu pętli i będzie miało swoją końcową wartość i to właśnie ona jest przekazywana dalej.

Dlatego w pętlach najlepiej używać albo IIFE:

for ( var i = 0; i < 5; i++ ) {
	( function( i ) {
		Slider1.nav[i].onclick = function (){
		Slider1.SlideTo(i);
	}( i ) )
} 

albo let:

for ( let i = 0; i < 5; i++ ) {
	Slider1.nav[i].onclick = function (){
	Slider1.SlideTo(i);
} 

 

Comments

Dzięki wielkie za pomoc, sposób pierwszy rzeczywiście działa! :)

for (var i=0; i<5; i++){
    (function(i){
        Slider1.nav[i].onclick = function(){
            Slider1.SlideTo(i);
        }
    }(i));
}

Co do drugiego, to niestety, ale Chrome go jeszcze nie obsługuje;

Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

---

Obsługuje w strict mode ;) Faktycznie, zapomniałem o tym, bo wszystkie skrypty mam w strict mode:

"use strict";
//itd.

Z tym, że jeśli nie masz dobrej jakości JS-a, to może się okazać, że przestanie działać ;)

---

Faktycznie, działa. :)

Hm. Uczę się JSa już od 2-3 miesięcy i przyznam, że dopiero teraz spotkałem się z pojęciem strict mode...
Lepiej późno niż wcale :D