用栈堆的思路解决js中赋值的问题--用一道js题说来

大早上的在一个前端群里看到有人问了这么一个问题：

var a ={n:1}
a.x =a={n:2}
alert(a.x）；//-->undefined

呵呵呵，以前的时候总是把这些问题搞混了，但是我发现一个很好用的思路，遇到此类赋值问题，请画出对应的栈堆图啊，基本上都能很好的理清思路。

ok,开始了：

第一步：var a = { n: 1}

我们可以知道，创建了一个名为a的基本变量，放在栈中。同时呢， { n: 1}作为引用变量放在堆中；

示例图：

第二步：a.x = a = {n:2};

这个时候应该怎么断表达式呢？首先，js的赋值运算顺序是从右向左的，但同时呢，"."运算符优先级比”=“高，所以对这句话，首先执行a.x,那在我们看不到的栈堆中又发生了什么呢？

a.x表示给a这个变量增加了一个名为x的属性，也就是说计算机解析到a.x的时候其实相当于a = {x：undefined,n:1};但是在这个a.x = a = {n:2}未执行完的时候，只是给x预留了undefined，只有a.x = a = {n:2}执行完才会形成下图的效果；

示例图：

图丑，忽视之。

那执行完”.“运算符，就是执行”=“运算，按照从右向左的顺序，执行a={n:2}

那就把a 指向了{n:2}

好了，接下来是a.x = a;刚才通过a.x 已经赋值了undefined，所以在刚才建立的堆中将x属性指向了a变量。

所以，a对象中无x属性。那么a.x就为undefined;

以上仅是个人见解，不对之处欢迎指正，共同进步