Javascript 对象字面量赋值和引用如何工作？

如何解决Javascript 对象字面量赋值和引用如何工作？

我有一个简单的问题

let obj1 = {};
obj2= obj1;`

这里 obj1 和 obj2 引用了内存中的同一个对象，即 obj1===obj2 --> true。所以按照这个逻辑，任何对 obj2 的操作都会影响到 obj1。

现在如果我为 obj2 分配一个属性

let obj1 = {};
obj2 = obj1;

obj2['a'] = {};
obj2 = obj2['a']; // why this operation didn't change obj1,if they are referencing the same object ?
console.log(obj1); // -- > { a: {} };
console.log(obj2); // -- > {};

现在obj1===obj2 --> false这是为什么？

还有 obj2 = {} is different then obj2 = obj2['a'] 怎么来的？

澄清自己的截图

提前感谢您的帮助。

解决方法

对于对象，赋值运算符 = 为对象分配一个引用。

所以在：

let obj1 = {};
let obj2 = obj1;

obj1 和 obj2 都引用同一个对象。现在：

obj2['a'] = {};

创建一个新属性 a 并为其分配一个值，该值是对新对象的引用。由于 obj1 和 obj2 引用同一个对象，您还会发现：

obj2.a === obj1.a

然后：

obj2 = obj2['a']; // why this operation didn't change obj1,if they are referencing the same object ?

您现在已经为 obj2 分配了一个不同的对象，因此它现在引用了最初分配给 obj2.a 的新对象，并且：

obj1.a === obj2;

所以 obj1 被修改了（或者更准确地说，obj1 引用的对象被修改了）。

一些代码：

// obj1 and obj2 reference the same object
let obj1 = {};
let obj2 = obj1;
console.log('obj2 === obj1     ' + (obj2 === obj1)); // true

// Assign new object to obj2.a
obj2['a'] = {};

// Affects obj1
console.log('obj2.a === obj1.a ' + (obj2.a === obj1.a)); // true

// Assign new object to obj2
obj2 = obj2['a'];

// obj2 now references a different object to obj1
console.log('obj1 === obj2     ' + (obj1 === obj2)); // false

// obj1.a still references new object
console.log('obj1.a === obj2   ' + (obj1.a === obj2)); // true

,

obj2 是一个对象，obj2[a] 是另一个对象。比较两个对象的结果为假。

 {} === {}    // false