一道颇有难度的常见面试题完整分析!

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

你认为结果是什么呢???

.

.

.

.

.

.

.

.

        大多数人都会认为结果是 {n:2} undefined
        但是结果却是 undefined {n:2}
        是什么导致了这个结果呢?
        按照常理来分析应该是这样
        1 有两个对象 a,b 同时指向{n:1}

        2 a的指向发生改变 指向了{n:2}


        3 a.x再指向自身

        那么这样的话结果应该是{n:2} undefined 才对 为什么会这样呢?
        其实问题出在这里 在js中不推荐使用连等,因为连等会出现奇奇怪怪的问题


        大家都知道 这行代码会先执行 a={n:2}
        那么这个时候程序是怎么运行的呢?
        因为这个等式最终要将值赋给a.x,当js发现a的指向发生改变的时候,会在其改变之前复制一份a,我们姑且称这份复制的a为temp

        让我们把步骤回到这一步


        此时会创建出一个temp,而指向的是{n:1}对象


        当然 在这一步的时候会将值(就是对象{n:2}的内存地址)赋给变量temp的x 属性,而不是a的x属性,并且这个时候temp指向的是{n:1}对象 也就是b所指向的那个对象 

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

 

转载于:https://my.oschina.net/u/3281152/blog/865821

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值