分析a={n:1};a.x=a={n:2}的问题

先公布答案, a.x === undefined .
解惑:
我们都知道在js里面, 对象赋值是引用赋值, 即a = {n:1}是将对{n:1}的引用赋值给a, 也就是说a实际指向的是一个地址, 这个地址存储了{n:1}

如图:

QQ20180424-005531.png

右边代表{n:1}在内存中的存储, 可以看到a指向该值, 接下来我们看a.x = a = {n:2}

这个时候, 内存中出现一个{n:2}的值, 赋值运算符从右往左执行, 即先执行a = {n: 2}, 此时:

QQ20180424-010050.png

请注意, 这时候a已经指向另一个全新的位置, 但是左边a.x中的a还是指向{n:1}, 那么此时再继续:

QQ20180424-010403.png

可以看到: 原来a指向的地方加入了x这个属性, 为{n:2}, 但是由于a指向的位置已经更新, 所以a.x !== a, 即当执行到a.x =这里时, 此a非彼a, 后面我们能访问到的a只有{n:2}, 因此, 再后面再访问a.x时, 输出undefined.

补充: 如果题目变一下

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

console.log(a.x)
console.log(b.x)
console.log(a)
console.log(b)

这时候会输出什么呢?