Javascript object 文字分配和參考如何工作？

Question

我有一個簡單的問題

let obj1 = {};
obj2= obj1;`

這里 obj1 和 obj2 在 memory 中引用相同的 object 即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'] ？

澄清自己的截圖

提前感謝您的幫助。

Answer 1

對於對象，賦值運算符=分配對 object 的引用。

所以在：

let obj1 = {};
let obj2 = obj1;

obj1和obj2都引用相同的 object。 現在：

obj2['a'] = {};

創建一個新屬性a並為其分配一個值，該值是對新 object 的引用。 由於obj1和obj2都引用相同的 object，您還會發現：

obj2.a === obj1.a

但是之后：

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

您現在已將不同的 object 分配給obj2 ，因此它現在引用最初分配給obj2.a並且：

obj1.a === obj2;

所以obj1被修改了（或者更准確地說， obj1引用的 object 被修改了）。

一些代碼：

 // 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

Answer 2

obj2 是一個 object，obj2[a] 是另一個 object。 比較兩個對象的結果是錯誤的。

 {} === {}    // false