Merkwürdiges Verhalten von console.log() auf Firefox 37

Question

Vor ein paar Minuten, während ich mit Javascript spielte, bemerkte ich ein seltsames Verhalten von console.log(). Tatsächlich scheint es "verzerrte" Variablen zu geben. Werfen Sie einen Blick auf die folgenden:

var res = document.getElementById("res"); 
 
var arr = ["1", "2", "3"]; 
 
arr.push("4"); 
 
res.innerHTML = JSON.stringify(arr)+'<br>'; 
 
console.log(arr); 
 
arr.push("5"); 
 
res.innerHTML += JSON.stringify(arr); 
 
console.log(arr);

<div id="res"></div>

Er druckt korrekt Variablen in #res aber nicht in den Browser-Konsole (Firefox 37)

Könnte jemand mir erklären, warum diese das passiert?

Answer 1

Also, wenn Sie Ihre Protokollierung ändern, so dass Sie eine Kopie des Arrays unter:

var arr = ["1", "2", "3"]; 
 
arr.push("4"); 
 
console.log(arr.slice()); 
 
arr.push("5"); 
 
console.log(arr.slice());

Alles funktioniert wie erwartet.

Ich bin Diskontierung „leben“ als Möglichkeit Tracking, weil das folgende Beispiel keine Beweise für Live-Tracking nicht angezeigt:

var arr = ["1", "2", "3"]; 
 
console.log(arr); 
 
var i; 
 
i = setInterval(function(){ 
 
    arr.push(1); 
 
    console.log(arr); 
 
    if(arr.length>10)clearInterval(i) 
 
},1000);

bedeutet dies, dass die Protokollierung die Warteschlange gestellt wird und Die Warteschlange wird erst nach dem letzten Push zum Array ausgeführt (wahrscheinlich bis Ihr Javascript fertig ist).

Nice find ... auf jeden Fall etwas, das Entwickler auffallen könnte.