js var a = {n:1} var b = a a.x = a = {n:2} console.log(a.x) console.log(b.x)

js中很经典的一道题，特此记录一下

var a = {
    
    n:1}
var b = a
a.x = a = {
    
    n:2}
console.log(a.x)
console.log(b.x)

输出结果为： undefined， ｛n: 2｝

为什么呢？接下来我们来分析一下。

1、首先我们要知道，b = a 是浅拷贝，所以在堆栈中引用的是一个对象地址，b和a指向同一个对象：

赋值操作是从右向左进行

 var a = 1, b = 2, c = 3;
 a = b = c;

最后的a，b，c都是3。

JavaScript 总是严格按照从左至右的顺序来计算表达式

a.x是表达式

表达式从左往右执行，所以先执行 a.x，其结果是一个“引用”，暂且称为 $p，这里面存有一些信息，比如说这个变量a ({n: 1, x: undefined})。

先获取等号左侧的a.x，但a.x并不存在，于是JS为（堆内存中的）对象创建一个新成员x，这个成员的初始值为undefined。那么此时：

接下来执行赋值操作，从右向左进行， 先执行 a = {n: 2}; 那么a有了一个新的值，但是b的值不变：

扫描二维码关注公众号，回复： 14141655 查看本文章

再执行 a.x = a。等号右侧的a是最新的{n: 2}， 等号左侧是$p（虽然a变了，但是$p中保存的那个a的信息是不会变的，因为那是一个“运算结果”，仍然是{n: 1, x: undefined}，和b的值一样），那么将刚刚这个新的对象a的堆内存指针，赋值给了$p（上面说了$p是a.x返回的结果），那么这个$p就指向了最新的a也就是{n: 2}，也就是说x便等于了新的对象a。

这就是最终的值，所以 a.x 值为 undefined，b.x值为 {n: 2}