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); // [1, 2]
A.sort();
console.log(C); // [1, 2]

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

Answer 1

Console.log()被传递到对象的引用，因此控制台中的值随着对象的更改而更改。为了避免这种情况，您可以：

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

MDN警告：

请注意，如果您在最新版本的Chrome和Firefox中记录对象，则在控制台中记录的对象是对该对象的引用，在调用console.log()时不一定是对象的“值”，但它是对象在打开控制台时的值。

Answer 2

Pointy的答案有很好的信息，但不是这个问题的正确答案。

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

原bug报告（https://bugs.webkit.org/show_bug.cgi？id=35801):

mitch kramer的描述2010-03-05 11:37:45 PST

1）创建具有一个或多个属性的对象文本

2）console。记录对象，但使其关闭（不要在控制台中展开它）

3）将其中一个属性更改为新值

现在打开console.log，您会看到它由于某种原因有了新的值，尽管它在生成时的值是不同的。

我应该指出，如果你打开它，它将保留正确的值，如果这是不清楚的。

一位铬显影剂的回应：

Pavel Feldman评论2 2010-03-09 06:33:36 PST

我想我们永远都解决不了这个问题。我们不能在将对象转储到控制台时克隆对象，也不能监听对象属性的更改以使其始终是实际的。

我们应该确保现有的行为是预期的。

大量的抱怨接踵而至，最终导致了一个错误修复。

2012年8月实施的修补程序的Changelog注释(http://trac.webkit.org/changeset/125174):

到目前为止，将对象（html" target="_blank">html" target="_blank">数组）转储到控制台将导致对象的属性在控制台对象展开时被读取（即懒洋洋地）。这意味着转储相同的对象，同时修改它将很难使用控制台进行调试。

该更改在对象/数组的日志记录时刻开始生成对象/数组的缩写预览，并将此信息传递到前端。这只在前端已经打开时才会发生，它只对console.log（）起作用，而不是实时控制台交互。