年前写了一篇博客，立了一个flag说是以后一个星期写一篇博客，但被年前的997和过年给耽误了，算了一下一共欠了四篇博客，后续会补上
从18年到这篇博客之前都是在简书上写，当然写的都是一些浅显一点的东西，也获得了几十个粉丝和不少赞（惭愧），写的都是一些工具的使用，经过了一年的磨练以后，后面也会写一点稍微深入一点的东西，或者是更原理一些的东西，望共勉
昨天水群的时候看到有人发了一道很有意思的面试题，看起来简单，但是答错的人倒是占了十之八九，还有一些人可能是之前看过类似的题，但是解释的也是差强人意，所以就自己研究了一番
题目是这样的
var obj = {n:1}
var newObj = obj
obj.m = obj = {n:2}
console.log(obj)
console.log(newObj)
题目就这么长，答案是 obj = {n: 2}, newObj = {n: 1, m: {n：2}}
小伙伴们答对了吗？
其实最主要的就是那段连等赋值的代码，在分析这段代码之前我们先看一个简单的连等代码
let obj;
let obj1 = obj = {name: 'zhangsan'}
思考一下这个赋值操作时怎么进行的
是这样的？？？
拆分1
let obj1 = {name: 'zhangsan']
obj = {name: 'zhangsan'}
还是这样的？
拆分2
obj = {name: 'zhangsan'}
let obj1 = obj
上面两段代码的拆分，第一个是两个对象分别指向不同的内存地址，第二个是指向同一个内存地址
那我们来验证一下，看修改其中一个的值另一个会不会改变
let obj;
let obj1 = obj = {name: 'zhangsan'}
//测试改值
obj.name = 'lisi'
console.log(obj1.name) // 'lisi'
看来好像是指向同一块地址的，难道是拆分2这样的？？？
带着这个疑问继续看我们的面试题，拆分一下
var obj = {n:1}
var newObj = obj
obj = {n:2}
obj.m = obj
console.log(obj) //{n：2，m:{n:2,m: {...}}}
console.log(newObj) //{n: 1}
拆分之后输出的结果和不拆分的时候结果是不一样的
以上的测试得出这篇文章的第一个结论：
<font color='#ff0000'>连等代码是不可拆分的</font>
接下来继续分析面试题,看看这段代码到底做了什么
obj.m = obj = {n:2}
我们都知道赋值是从右向左赋值的
所以上面的代码 相当于下面的三步
<font color='#ff0000'>赋值操作之前编译器就已经读取到了变量和它的属性m,然后编译器会在作用域中查找对象是否有m属性，没有的话就会生成m属性</font>
赋值之前读取当obj还有m属性，所以把他添加到内存里面，因为需要等待右边赋值完成所以暂时指定为null
从右侧开始赋值，即执行obj = {n: 2}, '=' 赋值就相当于new Object()的语法糖所以新创建了一块内存空间
赋值到左侧的时候m的属性值指向了obj的新内存地址
这个时候我们在测试一下
var obj = {n:1}
var newObj = obj
obj.m = obj = {n:2}
//改变n的值
obj.n = 100
console.log(obj) //{n: 100}
console.log(newObj) //{n: 1,m: {n: 100}}
看来上述的三步分解是正确的
但是实际开发中还是要谨慎使用连等，避免造成不必要的麻烦
