JavaScript 对象更新行为(奇怪？)

Question

我正在学习 JavaScript。尝试理解代码，

function foo (){
   var a = b = {name: 'Hai'};
   document.write(a.name +'<br>');
   document.write(b.name +'<br>');
    
   a.name = 'Hello';
     
   document.write(a.name +'<br>');
   document.write(b.name +'<br>');
}

输出如下，

海
海
你好
你好

虽然分配确实是从右到左，但更新会影响两个方向。是这样的吗？有人可以解释一下吗？

Answer 1

这是因为 a 和 b 都引用同一个对象 {name: 'Hai'}。当您更改其中一个变量时，更改将反射(reflect)在两个变量中。

var a = b = {name: 'Hai'};

上述陈述本质上与此类似(除了 @NinaScholz 在她的回答中指出的内容):

var b = {name: 'Hai'};
a = b;

这样，a 和 b 都指向内存中的同一个对象，因此一个对象的更新会自动反射(reflect)到另一个对象。

在文档 here 中了解有关对象如何工作的更多信息。要了解有关对象和引用的更多信息，请参阅 this link .