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

Question

我有一个简单的问题

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']？

截图说明一下

提前感谢您的帮助。

Answer 1

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

 {} === {}    // false

Answer 2

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

所以在：

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

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

How Javascript object literal assignment and reference works?

javascript

object

object-literal