问题描述
let obj1 = {};
obj2= obj1;`
这里 obj1 和 obj2 引用了内存中的同一个对象,即 obj1===obj2 --> true
。所以按照这个逻辑,任何对 obj2 的操作都会影响到 obj1。
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