关于js的连续赋值
浏览数：37 /
时间：2015年06月09日
首先，来看一个经典的案例：
<script>
var a = {n: 1}
var b = a;
a.x = a = {n: 2}
alert(a.x);
alert(b.x);
</script>
答案是什么呢？
首先，js中规定求值顺序是从左到右的，这个问题很容易忽略。什么意思呢，a.x = a = {n: 2}，这句代码应该怎样理解呢？等价于a.x = （a = {n: 2}），在js中，类似的连续赋值是从左到右进行的，也就是说先对a.x进行赋值，再对a进行赋值。可能很难讲清楚，这里结合js中引用类型和引用类型的赋值，请看下面的注释分析：
<script>
var a = {n: 1}//引用类型的赋值，没有问题
var b = a;//这句代码后，a和b都共同指向{n:1}这个内存中对象，所以a和b的改变（这里的改变不包含对a和b重新赋值），都会影响到{n：1}，也就是说，a和b会互相影响，当然不包括对a和b重新赋值
a.x = a = {n: 2}//ok，这句话很重要，这个地方表面上看起来有些矛盾，其真实意思是，由于js中连续赋值是从左到右的，所以先将{n：2}赋给a.x,此时a和b所共同指向的对象已经变成了{n:1,x:{n:2}}，ok然后呢，将{n：2}赋给a，所以，这句之后的结果就是：b依然指向以前的对象，而这个对象已经变成{n:1,x:{n:2}},而a由于赋值已经和以前的对象脱离了关系此时的a是{n：2}。
alert(a.x);//所以a.x是undefined
alert(b.x);//b.x是{n:2}，所以alert的结果是：[object object]
</script>
当然你也可以alert（b.x.n）试试，结果是2
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
