Variável "item" globalmente implicitamente - diferença entre o Internet Explorer e o FireFox
Apenas por curiosidade..
Eu tenho esse 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);
Observe o comentáriovar item
que deixa o loop declarado implicitamenteitem
variável.
Se eu executar esse código no FireFox, o resultado do alerta é:0:a,1:b,2:c
Se eu executar o mesmo código no Internet Explorer, o resultado será:0:c,1:c,2:c
Aqui está o jsfiddle:https://jsfiddle.net/fvu9gb26/
Claro, quando eu descomentei ovar item
funciona da mesma maneira em todos os navegadores.
Alguém sabe por que essa diferença ocorre? Obrigado.