[SOLUCIONADO] Problema con closure

[ClubIce]

Hola, tengo un problema, y es que estoy intentan hacer algo como esto:

Código Javascript:

var funcs = [];
for (var i = 0; i<3: i++) {
  funcs.push(function () {
    var index = i;
    console.log(index);
  });
}
 
for (var i in funcs) {
  funcs[i]()
}
 
// El anterior codigo imprime: 3 3 3 3, mientras que yo quiero que imprima 0 1 2 3
 

Realmente no se como hacer que hago lo que quiero.

[Alexis88]

Efectivamente, necesitas hacer un closure, para lo cual son útiles las funciones anónimas:

Código Javascript:

var funcs = [];
for (var i = 0; i < 3; i++) {
    (function(j){
        funcs.push(function () {
            var index = j;
            console.log(index);
        });
    })(i);
}
 
for (var i in funcs) {
    funcs[i]();
}
 

Lo anterior imprimirá: 0, 1, 2. No imprime el 3 porque el bucle va desde el 0 hasta antes del 3.

Saludos

[ClubIce]

gracias, me ha servido de mucho ;)

[IsaBelM]

una mejor manera de hacerlo es usar while

var funcs = [];
var i = 0;
while(i < 3) {

funcs.push(function () {
var index = i;
console.log(index);
});
i++;
}


for (var i in funcs) {
funcs[i]()
}

[Alexis88]

Y también con el bucle for y sin funciones anónimas:

Código Javascript:

var funcs = [];
for (var i = 0; i < 3; funcs.push(function(){console.log(i)}), i++);
 
for (var i in funcs) {
    funcs[i]();
}
 

[zerokilled]

buenas!!!
no voy a debatir cuál es mejor o cuál es peor... en mi opinión cualquier bucle funciona. a lo que voy, los últimos dos ejemplos están mal; no hay un closure de la variable. es cierto que para el caso particular, console.log imprime el valor correcto. sin embargo, ¿imprimirá el valor correcto más adelante? o sea, si al final invocamos las funciones, cada una imprime el último valor de la variable.

Código:

funcs[0](); // 2
funcs[1](); // 2
funcs[2]();  // 2

el único que funciona correctamente es el primer ejemplo de @alexis88.