关于引用类型连续赋值的一点见解前端javascript

写在前面这几天有同事要离职了，在准备面试，昨天晚上突然问我一个问题，说有点看不明白是怎么回事，我说发给我看看：

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

我一看不就是一个赋值语句吗，这有啥，前两行略过，然后右结合，然后，emmmm...
原谅我有点草率了。
所以这个地方到底是怎么回事呢？由于我强烈的好奇心，晚上下班我都没走，查了一个小时blog（大部分时间都是在看没用的东西），画画图，总结了一下，有了一点个人的见解，下面先看看最主要的三个知识点：
一
js中创建一个值，分为三部分：
1、创建一个值（如果这个值是基本类型值，就直接在栈内存中直接创建，如果是引用类型值，需要在堆内存开辟一个新的空间，把里面的内容存储进去）
2、创建一个变量（先把值创建好后，才是创建变量）
3、让值与变量相关联
变量赋值底层逻辑
【关于引用类型连续赋值的一点见解】二
我们这里赋值的是对象，引用类型
那么是存在堆内存区域，我引用一下别人的图（自己懒得画了）