深入理解js赋值表达式

     var  a={x:1};

   var  a.x=a={};

   alert(a.x)  //undefinded

上面的弹出值为什么是undefinded, 先看下面的例子：

  a=b=1;

 等价于  b=1,a=b;则alert(a)弹出值为1，因此可以判断：

   a.x=a={x:1};

  alert(a.x);  //弹出[ogject,object]

 但是实际却弹出undefinded,

  JavaScript 里，赋值运算是从右到左的，同等优先级下，右边的会先结合：

a.x = a = { } 等价为 a.x = (a = { })

 

有意思的地方就在这里，对于赋值表达式，解析的规则是：

The production AssignmentExpression : LeftHandSideExpression = AssignmentExpression is evaluated as follows:
1. Evaluate LeftHandSideExpression.
2. Evaluate AssignmentExpression.
3. Call GetValue(Result(2)).
4. Call PutValue(Result(1), Result(3)).
5. Return Result(3).

 

简单的举个例子，a=1;步骤:

   Step1. 计算 a 的值

Step2. 计算 1 的值
Step3. 得到 Step2 的结果
Step4. 将 Step3 的结果赋值给 Step1 的结果
Step5. 返回 Step3 的值

 

 因此，对于上面，a.x={x:1}； a.x=a={ };alert(a.x);可分解如下步骤：

 

  step1: 计算a.x的值，此时a.x指向｛x:1｝对象的x;

  step2：计算a的值，让a重新指向｛｝；

  step3：得到step2的值，也就是｛｝；

  step4: 将step3的结果赋给 Step1 的结果，也就是｛x：1｝的对象x重新赋值｛｝；

  Step5:  返回 Step3 的结果；

执行完毕，a指向｛｝，则a.x为undefinded，

                                              -------转自IT技术博客大全