JavaScript对象属性是动态的吗？console.log打印的是对象快照还是引用？

JavaScript对象属性的动态特性详解

JavaScript以其灵活的动态特性而闻名，这在对象属性的处理上体现得尤为明显。 我们可以随时添加、修改或删除对象的属性，而无需预先声明。 这种动态性有时会造成一些误解，尤其是在使用console.log()打印对象时。

让我们来看一个例子：

let myObject = {};
console.log(myObject); // 打印一个空对象
myObject.newProperty = "Hello, world!";
console.log(myObject); // 打印包含新属性的对象

即使在console.log(myObject)之后才添加newProperty属性，第二次打印仍然显示了这个新属性。 这并非因为console.log()打印的是对象的实时状态，而是因为它打印的是对象的引用。

console.log()输出的是对象在内存中的地址。 当我们修改对象本身时，这些修改直接作用于内存中的对象，因此后续的console.log()调用会反映出这些变化。

如果需要获取对象在特定时刻的快照，而不是其引用，可以使用JSON.stringify()方法将对象转换为JSON字符串：

let myObject = {};
console.log(JSON.stringify(myObject)); // 打印空对象的JSON字符串
myObject.newProperty = "Hello, world!";
console.log(JSON.stringify(myObject)); // 打印包含新属性的JSON字符串

JSON.stringify()创建了一个对象的副本，这个副本在转换时被捕捉，后续对原始对象的修改不会影响这个副本。 因此，两次打印的结果会分别反映对象在两个不同时刻的状态。 这有助于理解对象属性的动态变化过程。