运算符优先级图解

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

以上代码输出结果为:

console.log(a);         //{n:2}
consloe.log(b);         //{n:1,x:{n:2}}
consloe.log(a.x);       //undefine
console.log(b.x);       //{n:2}
console.log(a==b);      //false
conaole.log(a==b.x);    //true

思路分析:var一个变量等于{n:1},再将a的值赋给变量b,关键在于a.x=a={n:2}; 这一步中,“.”的优先级高于“=”,此时变量a和变量b指向的是同一个内存单元,操作a.x相当于给这个json对象添加了一个x属性,只不过属性的值未定义。因为b也指向这个内存单元,所以b同时也拥有了该属性,此时“.”运算结束,再看a={n:2};,这一步相当于新建一个内存单元存放{n:2},并且改变了变量a的指向,同时将改变指向后a的值赋给了a.x,之所以能找到a.x是因为赋值运算发生在添加属性之后,也就是说指针变量a在没有改变指向之前都能找到a.x,而且此时a.x=b.x=undefine, 赋值运算结束后a的指向改变,同时将新a的值赋给了旧a.x=b.x={n:2}。浏览器在执行运算时有一定的顺序,但是速度也是非常快的,所以当语句a.x=a={n:2};整个执行结束后,我们再想找到a.x已经晚了,它只是浏览器在运算时暂时保存下来的一个中间结果。

图解如下:
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值