console.log()显示变量值在实际改变之前的值

Question

这段代码我理解。我们将A复制一份并称之为C。当A发生变化时，C保持不变。

var A = 1;
var C = A;
console.log(C); // 1
A++;
console.log(C); // 1

但是当A是一个数组时，情况就不同了。不仅C会改变，而且在我们甚至触碰A之前就已经改变了。

var A = [2, 1];
var C = A;
console.log(C); // [2, 1]
A.sort();
console.log(C); // [1, 2]

有人能解释一下第二个例子中发生了什么吗？

Answer 1

console.log()接收一个对对象的引用，所以当对象发生变化时，控制台中的值也会发生变化。为了避免这种情况，你可以使用以下方法：

console.log(JSON.parse(JSON.stringify(c)))

MDN警告：

Answer 2

Pointy的回答提供了很好的信息，但对于这个问题来说并不是正确的答案。

OP所描述的行为是一个bug的一部分，该bug最早于2010年3月报告，2012年8月对Webkit进行了修复，但截至本文撰写时，尚未集成到Google Chrome中。该行为取决于在将对象文字传递给console.log()时，控制台调试窗口是打开还是关闭。

原始bug报告的摘录（https://bugs.webkit.org/show_bug.cgi?id=35801）：

来自Chromium开发人员的回应：

随后发生了很多抱怨，最终导致了一个bug修复。

2012年8月实施的补丁的变更日志说明（http://trac.webkit.org/changeset/125174）：