Javascript cierre evaluación inmediata

Question

Consideremos el siguiente código Javascript:

var a = []; 

var f = function() { 

    for (var i = 0; i < 3; i++) { 
     a.push(function(){alert(i)}); 
    } 
    for (var j = 0; j < 3; j++) { 
     a[j](); 
    } 
}; 

Las alertas imprimen '3' las tres veces. Quiero un comportamiento diferente: en cada iteración del ciclo, se genera una función que imprime el valor actual de i. Es decir. 3 funciones que imprimen diferentes índices.

¿Alguna idea?

Answer 1

Crear una función anónima que acepta i como parámetro y devuelve esa función determinada:

for (var i = 0; i < 3; i++) { 
    a.push((function(i) { 
     return function() { 
      alert(i); 
     } 
    })(i)); 
} 

for (var j = 0; j < 3; j++) { 
    a[j](); 
} 

O hacer algo similar: crear una función anónima que acepta i como un parámetro para agregar la función de la matriz:

for (var i = 0; i < 3; i++) { 
    (function(i) { 
     a.push(function() { 
      alert(i); 
     }); 
    })(i); 
} 

for (var j = 0; j < 3; j++) { 
    a[j](); 
} 

Answer 2

var iterate = (function() { 
    var i, j = []; 
    for (i = 0; i < 3; i += 1) { 
     j.push(i); 
     alert(j[j.length - 1]); 
    } 
}()); 

no es necesario el cierre a la mera salida de un valor. Sin embargo, su código debe estar contenido en una función para la contención orientada a objetos. Las funciones no tienen que ser llamadas para ser ejecutadas.

Answer 3

función (i) {alert (i)

Answer 4

Sólo otro enfoque, utilizando currying:

var a = []; 
var f = function() { 
    for (var i = 0; i < 3; i++) { 
     a.push((function(a){alert(a);}).curry(i)); 
    } 
    for (var j = 0; j < 3; j++) { 
     a[j](); 
    } 
}; 

// curry implementation 
Function.prototype.curry = function() { 
    var fn = this, args = Array.prototype.slice.call(arguments); 
    return function() { 
    return fn.apply(this, args.concat(
     Array.prototype.slice.call(arguments))); 
    }; 
}; 

Comprobar el fragmento anterior here corriendo.

Answer 5

Se puede poner el cuerpo de su bucle en una función anónima:

var a = []; 

for(var i = 0; i < 3; i++) (function(i) { 
    a.push(function() { alert(i); }); 
})(i) 

for(var j = 0; j < 3; j++) { 
    a[j](); 
} 

Mediante la creación de esa función y pasar el valor del bucle de la "i" como el argumento, estamos creando una nueva variable "i" dentro del cuerpo del bucle que esencialmente oculta la "i" exterior. El cierre que presione en la matriz ahora ve la nueva variable, cuyo valor se establece cuando se llama a la función de función externa en el primer ciclo. Esto podría ser más claro si se utiliza un nombre diferente cuando creamos la nueva variable ... Esto hace lo mismo:

var a = []; 

for(var i = 0; i < 3; i++) (function(iNew) { 
    a.push(function() { alert(iNew); }); 
})(i) 

for(var j = 0; j < 3; j++) { 
    a[j](); 
} 

El valor de "Inew" se asigna 0, 1, 2 y luego porque la función es llamado inmediatamente por el ciclo.