导航栏： 首页 评论列表

Javascript连续赋值表达式

默认分类 2012-06-05 19:53:41

var a=b=1;
运行时会报错吗?怎么都有点想不明白,试着尝试运行了一下,发现并没有出错提示.
只是多了一个值为1的全局变量b.

有点不甘心,看到
var a = {n:1}; 
a.x = a = {n:2}; 
alert(a.x); // --> undefined 
弹出undefined,感觉可能指的是这种情况会报错, 遂改写了一下
var a; 
a.x = a = {n:2}; 
alert(a.x);
这回报错了!这里稍稍解释一下,以便新手能够理解:
1.赋值运行算的顺序是从右到左的;
2.JS垃圾回收不会在语句执行时进行.

a.x = a = {n:2}; 这条语句执行过程猜得没错的话应该是
1.查找a并得到a的引用
2.查找a.x发现未定义就重新分配内存并得他的引用
3.再次查找a并得到a的引用
4.给{n:2}分配内存并得到他的引用
5.将新a的引用指向{n:2}的引用
//注意:这里本来应该回收旧a及旧a的x,但因为执行完这条语句后才能GC,所以尚未销毁a,即第2步中的旧a.x的引用在内存中仍然存在
6.将旧a的x指向新的a的引用
7.垃圾回收旧a及旧a的x

下面文章转自http://www.javaeye.com/topic/785445
===================================================

很喜欢蔡蔡的这个标题，实际蔡蔡已经分析过了，这里借用了。或许有点标题党的意思。看完就知了。

一、引子

Js代码
  1. var a = {n:1}; 
  2. a.x = a = {n:2}; 
  3. alert(a.x);// --> undefined 
这是蔡蔡在看jQuery源码时发现这种写法的。以上第二句 a.x = a = {n:2} 是一个连续赋值表达式。这个连续赋值表达式在引擎内部究竟发生了什么？是如何解释的？

二、猜想

猜想1：从左到右赋值，a.x 先赋值为{n:2}，但随后 a 赋值为 {n:2}，即  a 被重写了，值为 {n:2}，新的 a 没有 x属性，因此为undefined。步骤如下
1, a.x = {n:2};
2, a = {n:2};
这种解释得出的结果与实际运行结果一致，貌似是对的。注意猜想1中 a.x 被赋值过。
猜想2：从右到左赋值，a 先赋值为{n:2}，a.x 发现 a 被重写后(之前a是{a:1})，a.x = {n:2} 引擎限制a.x赋值，忽略了。步骤如下：
1, a = {n:2};
2, a.x 未被赋值{n:2}
等价于 a.x = (a = {n:2})，即执行了第一步，这样也能解释a.x为undefined了。注意猜想2中a.x压根没被赋值过。

三、证明

上面两种猜想相信多数人都有，群里讨论呆呆认为是猜想1， 我认为是猜想2。其实都错了。我忽略了引用的关系。如下，加一个变量b，指向a。
Js代码
  1. var a = {n:1}; 
  2. var b = a; // 持有a，以回查 
  3. a.x = a = {n:2}; 
  4. alert(a.x);// --> undefined 
  5. alert(b.x);// --> [object Object] 
发现a.x仍然是undefined，神奇的是 b.x 并未被赋值过(比如：b.x={n:2})，却变成了[object Object]。b 是指向 a({n:1})的，只有a.x = {n:2}执行了才说明b是有x属性的。实际执行过程：从右到左，a 先被赋值为{n:2}，随后a.x被赋值{n:2}。
1, a = {n:2};
2, a.x = {n:2};
等价于
a.x = (a = {n:2});
与猜想2的区别在于a.x 被赋值了，猜想2中并未赋值。最重要的区别，第一步 a = {n:2} 的 a 指向的是新的对象{n:2} ， 第二步 a.x = {n:2} 中的 a 是 {a:1}。即在这个连等语句
Js代码
  1. a.x = a = {n:2}; 
a.x 中的a指向的是 {n:1}，a 指向的是 {n:2}。如下图

四：解惑

这篇写完，或许部分人看完还是晕晕的。因为里面的文字描述实在是绕口。最初我在理解这个连等赋值语句时
Js代码
  1. var a = {n:1}; 
  2. a.x = a = {n:2}; 
认为引擎会限制a.x的重写（a被重写后），实际却不是这样的。指向的对象已经不同了。引擎也没有限制a.x={n:2}的重写。
谢谢所有参与讨论的人：蔡蔡、猪大肠、呆呆、雅儒。这个问题最早是蔡蔡提出的。雅儒在 菜鸟灰呀灰 群里每次的讨论都那么投入，认真，哪怕是别人提出的话题。

五：结束

呵，以另一个连续赋值题结束。fun执行后，这里的 变量 b 溢出到fun外成为了全局变量。想到了吗？
Js代码
  1. function fun(){ 
  2.    var a = b = 5; 
  3. } 
  4. fun(); 
  5. alert(typeof a); // --> undefined 
  6. alert(typeof b); // --> number 

 


>> 留言评论