一道关于对象赋值的js面试题

Question

  var a = { n : 1};     var b = a;     a.x = a = {n:  2};     alert(a.x);     alert(b.x);输出：undefined [object Object]请问：a.x = a = {n: 2}; 该句是如何赋值的？

Answer 1

  var a = { n : 1};  

  var b = a;  

  //语句从左到右执行，赋值从右到左。

  //执行a.x时，a还是指向的是{n:1}的空间。

  //赋值a时，a指针指向了{n:2},a.x中a原来指向的空间{n:1}添加x属性，指向现在a指向的空间{n:2};

  a.x = a = {n:  2};  

  console.log(a.x);      //undefined

  console.log(b.x);     //{n:2} 

Answer 2

应该是从右到左的。a.x=a=｛n:2｝,
先是执行a.x此刻a指向{n:1},
然后执行 a={n:2}将a重新指向,
最后执行a.x=a，即{n:1}.x = {n:2}.

Answer 3

其实这类问题很容易理解，只需要记得变量只是对象的引用，变量并不是对象本身。

1. 取值的时候顺着变量找到对象；

2. 赋值的时候则改变变量的指向。

所以

1. 对于 var a = {n: 1}，想象一个对象 {n: 1} 放地上，用 a 指着它；

2. var b = a 就是 b 顺着 a 找到 {n: 1}，两者同时指着它；

3. a.x = a = {n:2} 左往右看，

1. a.x 是对 a 取值，顺着 a 找到 {n: 1}，再找到其 x 属性等待赋值，

2. 第二个 a 本应是取值，但右边有 = 所以继续变成了赋值操作，a 指向 {n:2}，

3. a = {n:2} 返回 {n:2}，给了等待赋值的 {n: 1}.x；

4. alert(a.x)，顺着 a 找到 {n:2}，因为在 3.2 中 a 改变了指向，而 {n: 2} 没有 x 属性；

5. alert(b.x)，顺着 b 找到 {n: 1}，{n: 1}在 3.1 得到了 x，顺着 x 找到了 {n: 2}。