js 连续赋值

Question

    var a = {n: 1}
    var b = a;
    a=a.x={n:2};
     // a.x=a={n:2};
    a.y={n:3};
    a.z=a={n:4};
    console.log(a);   //{n:4}
    console.log(a.x); //undefined
    console.log(b);         //{    
                        //    n:1,
                        //    x:{
                        //        n:2,
                        //        y:{
                        //          n:3    
                        //        },
                        //        z:{
                        //          n:4    
                        //        }
                        //    }
                        //}
    
    console.log(b.y); //undefined

  可以解释下为什么b的结果是上面显示？

    

Answer 1

相似问题：javascript 连等赋值问题

Answer 2

大致可以用这张图片描述这个过程，注意 b 始终是保存着“最大”的那个对象

Answer 3

简单来说，a=a.x这一句给a重新赋值了，它自然就跟之前的a完全不一样了