javascript - Firefox 37 上 console.log() 的奇怪行为

Question

几分钟前，在玩 javascript 时，我注意到 console.log() 有一个奇怪的行为。事实上，它似乎记录了“扭曲”的变量。查看以下内容:

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>

它将正确的变量打印到 #res 但不打印到浏览器控制台 (Firefox 37)

谁能解释一下为什么会这样？

Answer 1

因此，如果您更改日志记录以便获取数组的副本:

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

一切都按预期进行。

我不考虑“实时”跟踪的可能性，因为以下示例没有显示任何实时跟踪的证据:

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

这意味着日志记录已排队，并且队列在最后一次推送到数组之后才会运行(可能直到您的 javascript 完成执行)。

不错的发现...绝对可以吸引开发人员。