Javascript对象同时显示不同的值[重复]

Question

我正在试图理解为什么下面的代码会像它那样运行。具体而言，为什么第一个console.log(...)表达式会输出someObject的完整和最终版本？我意识到这和吊装有关（也许？）或者其他一些我没有完全理解的概念。只是在网上搜索这个是很有挑战性的，因为我没有合适的词库来搜索我想知道的东西。

var someObject = {};
                              // OUTPUT:
console.log(someObject);      // {prop: {key: "differentValue"}} <-- WHY!?
console.log(someObject.prop); //  undefined

someObject.prop = {key:"value"};

console.log(someObject);      // {prop: {key: "differentValue"}} <-- WHY!?
console.log(someObject.prop); // {key: "value"}

someObject.prop = {key:"differentValue"};

console.log(someObject);      // {prop: {key: "differentValue"}}
console.log(someObject.prop); // {key: "differentValue"}

我在为自己编写代码时发现了这一点，其中我希望通过for-loop看到对象在每次迭代时的状态。我很惊讶地看到输出到控制台的对象在每一个回合都是一样的；该状态是整个循环执行后对象的结束状态。

更让我困惑的是，我真正想要理解的部分是，为什么对对象属性的读取似乎确实像一个人（或至少是我）所期望的那样工作，而同时，整个对象本身似乎具有不同的值。

我想也许这个问题或这个问题可以解释，但我认为它们并不是很相关。

Answer 1

来自MDNconsole.log文档：

https://developer.mozilla.org/en-us/docs/web/api/console/log#参数

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

当您记录该属性时，您会看到该属性当时的值。当您记录对象本身时，您将看到所述对象的最新版本。

如果您希望在当时记录对象，请使用console.log(json.parse(json.stringify(obj))。