一行中的两个作业[重复]

Question

假设我们从这个开始：

var foo = {n:1}; var bar = foo;

在 JavaScript 中，下列赋值的执行顺序是什么：

foo.x = foo = {n:2};

当我查找此问题的答案时，我发现了几个似乎表明作业是从右到左发生的，例如：

foo = {n:2}; foo.x = foo;

在这种情况下，我们期望：

console.log(foo) //{n:2, x:Object} - (a circular reference back to foo)

但是，当我实际执行此操作时，我在控制台中看到的内容表明分配实际上是从左到右发生的：

console.log(foo) //{n:2} console.log(bar) //{n:1, x:Object} --> {n:1} obj 获得一个 'x' 属性，而 foo 被重新分配给一个新对象 {n:2}

当一行中有多个分配时，有人可以为我澄清操作顺序吗？

此外，将上述情况与以下情况区分开来的基本规则是什么： Multiple variable assignments in one row

上述问题中的一些答案声称原语的分配是从右到左进行的......

Answer 1

作业确实是从右到左。只是foo.x的解析发生在赋值之前。 (Ecma Standard 11.13.1 Simple Assignment)

这样想。在赋值之前，foo 和 bar 恰好指向内存中的同一个对象。 （我们称之为inMemoryObject）。

foo --|
bar --|
      |---> inMemoryObject { 
                               n:1 
                           }

然后我们在分配方法的开头引用foo.x。因为foo.x 不存在，所以会创建占位符，准备分配给它。

foo --|
bar --|
      |---> inMemoryObject { 
                               n:1, 
                               x: undefined 
                           }

创建变量后，从右到左的赋值过程开始，赋值给inMemoryObject.x。在分配过程结束时，foo 不再指向inMemoryObject，但bar 仍然指向。

bar --|
      |---> inMemoryObject { 
                              n:1, 
                              x: --| 
foo --|                     }      |
      |                            |
      |----------------------------|--- secondInMemoryObject {
                                                                n:2
                                                             }

Answer 2

分配从右到左发生，但分配目标评估从左到右发生。

基本上整个表达式从左到右开始计算，但实际赋值需要从右侧返回值。因此，分配本身必须在重新调整右侧评估的值之后发生。