大早上的在一个前端群里看到有人问了这么一个问题:
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;
以上仅是个人见解,不对之处欢迎指正,共同进步