js中连等号的魅力

前言：

这几天闲来无事就看了看js的题，没想到js的坑太深了，每一个知识点都是考察基本功。今天下午遇到了一个有意思的题目，搞了好大会才吃透。在这里分享出来，说的不正确的地方请指正。

题目来了：（这道题考察的就是对变量和值在堆栈中的存储以及变量指针的指向,还有就是运算符优先级）

先把答案给大家：undified,{n:1,x:{n:2}}

 var a = {n:1}
 var b = a 
 a.x = a = {n:2} 
 console.log(a.x,b)

可能有的小伙伴很疑惑为啥结果跟自己想想的不一样：下面就有我给大家讲讲吧、上图，画图胜过一切。

 

 

上面这图大家都能看懂，下面的难点来了：

想知道为啥a.x，没错，兄弟就是它搞的鬼，运算符优先级

链接：运算符优先级 - JavaScript | MDN

上图：一个20,一个11这就造成了执行顺序不同，也就给结果带来了很大偏差

重点：下面详细讲解下a.x=a={n:2}到底发生了啥

由于优先级问题，当代码执行到a.x=a={n:2}，系统会先执行a.x，此时会在a指向的地址上开辟一个空间用于存放x,此时x没有赋值默认为undefined。a.x执行完毕后，后面的=a={n:2}就不存在优先级了，开始从右往左赋值，当a={n:2}的时候，此时a的指向新开辟的{n:2}的地址，之前的指向的地址销毁，执行完这一步开始执行a.x=a，此时的x可是在旧的地址上的也就是b指向的地址，然后在运行到a.x=a时，因为a.x已经执行过了，系统不允许在执行（也就是说系统不允许在a新指向的地址上添加x属性），它会找a第一次指向的地址上的x,这也就说明了将现在b上面的x属性指向新开辟的{n:2}

说了一大堆不如上图：

 

说到这里大家是不是基本上明白了，不明白的可以留言哦！！

感谢！马上下班了，哈哈！！！