Strano comportamento di console.log() su Firefox 37

Question

Alcuni minuti fa, mentre giocavo con javascript, ho notato uno strano comportamento di console.log(). In effetti sembra di registrare variabili "distorte". Date un'occhiata al seguente:

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>

Esso stampa variabili corrette in #res ma non in console del browser (Firefox 37)

Potrebbe qualcuno perché questo spiegare accade?

Answer 1

Quindi, se si cambia la registrazione in modo che si sta prendendo una copia della matrice:

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

Tutto funziona come previsto.

che sto scontando "live" di monitoraggio come una possibilità, perché il seguente esempio non presenta alcuna evidenza di live tracking:

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);

Ciò implica che la registrazione è in coda e la coda non viene eseguita fino a dopo l'ultima pressione sull'array (probabilmente fino a quando il javascript non ha completato l'esecuzione).

Bella scoperta ... sicuramente qualcosa che potrebbe catturare gli sviluppatori.