js 连续赋值的简单实现
时间:2020-11-23 12:59:21|栏目:JavaScript代码|点击: 次
无意中网上发现的这个问题,预想的结果和真实的结果大相径庭。
var a={n:1} var b=a; a.x=a={n:2} console.log(a.x); console.log(b.x);
undefined Object{n:2}
要是拆开来看,结果就是我所想的那样
var a={n:1} var b=a; a={n:2}; a.x={n:2} console.log(a.x);//Object{n:2}console.log(b.x);//undefined
分析:
a.x=a={n:2}
js的赋值运算是右结合的,上面等同于a.x=(a={n:2})
js的求值运算是从左到右的(PS:和同事讨论,他说是从左到右,我认为是从右到左,最后发现是我错了)
1)a.x=(括号内的最终结果)
查找a的x属性不存在后在a指向的对象中添加一个属性x,这个x属性要把一个结果赋给它,那好吧,我等着结果
2)因为是要获得括号内的结果,那么a.x就一直等着括号内给他返回结果,所以开始求值a={n:2}得到结果后返回给这个新属性x
3)回到括号内的a={n:2},a发生指向改变了
上一篇:手机端转盘抽奖代码分享
栏 目:JavaScript代码
下一篇:微信小程序中的canvas 文字断行和省略号显示功能的处理方法
本文标题:js 连续赋值的简单实现
本文地址:http://www.codeinn.net/misctech/25632.html