Variable de "elemento" implícitamente global: diferencia entre Internet Explorer y Firefox
Solo por curiosidad..
Tengo este código JS:
var someExternalArray = [{id: 1, name: 'a'}, {id: 2, name: 'b'}, {id: 3, name: 'c'}];
var newArray = []
//var item;
for (var i = 0; i < someExternalArray.length; i++){
item = new Object();
item.id = someExternalArray[i].id;
item.name = someExternalArray[i].name;
newArray.push(item);
}
alert('0:' + newArray[0].name + ',1:' + newArray[1].name + ',2:' + newArray[2].name);
Note el comentariovar item
que deja el bucle con implícitamente declaradoitem
variable.
Si ejecuto este código en Firefox, el resultado de la alerta es:0:a,1:b,2:c
Si ejecuto el mismo código en Internet Explorer, el resultado es:0:c,1:c,2:c
Aquí está jsfiddle:https://jsfiddle.net/fvu9gb26/
Por supuesto, cuando descomento elvar item
Funciona de la misma manera en todos los navegadores.
¿Alguien sabe por qué ocurre esta diferencia? Gracias.