对连续赋值与求值a.x=a={n:2}的解读

对连续赋值与求值a.x=a={n:2}的解读

看一段执行代码

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

这道面试题考察了两个知识点：
1、js数据类型在内存中的存储方式
2、优先级的问题

js数据类型在内存中的存储方式

       简单数据类型在内存中存在栈内存中，每个被声明的简单数据类型都有他自己的一块内存空间。
       复杂数据类型在内存中的声明存放在栈内存中，但是存放的是一个地址，这个地址指向堆内存，堆内存存的是复杂数据类型的数据
如果不是很了解的小伙伴可以看我另一篇博客（js中简单数据类型和复杂数据类型在内存中的存储方式）
https://mp.youkuaiyun.com/mdeditor/99986244#

了解了他们在内存中的存储方式时，再看这个面试题

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

我们一步一步来写；
var a={n:1};var b=a在内存中的存储（依旧看不懂的看博客链接）

对a.x=a={n:1},赋值语句一般都是从右向左赋值，但是这里涉及到了赋值运算符优先级的问题，我们再看一下js中的运算符的优先级：

我们可以看到“.”的优先级是要大于“=”的，因此先执行a.x,这是属性赋值（不了解的小伙伴可以先去看一下js的属性），在内存中是这样的，因为x声明未定义，所以是undefined。

然后从右向左赋值，a.x=a={n:2}，执行a={n:2};

执行a.x=a,很多人容易在这里出错，认为a.x=a应该是a当前指向的这个堆内存内又新增一个属性x，其实是应该是当前b指向的这个堆内存内的x属性，为什么呢？因为执行a.x的时候，a还没有赋值，因此现在说是a.x不如说是A.x。而且也可以这样想，如果是a当前指向的堆内存的新增x属性的话，运算符优先级的作用在这里就体现不出来了，因此

这道题到这里就全部结束了。

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