下面小编就给大家带来一个js中变量的连续赋值(举例说明)。我觉得边肖挺好的。我现在就分享给你,给你一个参考。来和边肖一起看看吧。
今天遇到一个连续赋值的经典案例,网友给出的答案也是五花八门,显得有些繁琐。我也来说说自己的看法。
下面就是这个经典案例:
var a={ n:1 };
var b=a;
a . x=a={ n:2 };
console . log(a);
console . log(b);
console . log(a . x);
console . log(b . x);
我们先来看普通的连续赋值,也就是变量赋值的类型是数据类型value。
var a=3;
var b=a=5;
console . log(a);
console . log(b);
一般来说,等号赋值的方向是从右到左的,所以上面的代码等价于下面的代码,所以我们将用下面的代码来解释上面的代码:
var a=3;//全局变量A被赋值为3
var a=5;//此时,A被重新分配给5
var b=a;//将A的值赋给全局变量b。
console . log(a);//a最终值是第二次赋值的值:5
console . log(b);//根据代码执行顺序,B的值也是:5
上面的小case是用来吸玉的。现在我们来分析一下这个经典案例:
var a={ n:1 };//a第一次赋值,是引用类型值。请记住,当一个变量被赋值为引用类型值时,当对象被变量改变时,对象本身也会改变。
var b=a;//b赋给A,所以B是对象{n:1}
a . x=a={ n:2 };
//这个赋值不同于前面的简单情况。a.x指的是在js的操作中给a .添加一个X属性,“”和“=”运算符同时出现,而“.”将首先执行操作。
//因此,赋值顺序已经更改。先赋值a.x,再赋值A。
//先执行一下就好了:a.x={n:2}。注意这里a没有变。你把a的x性质赋给{n:2},a还是{n:1}
//回到我代码的第一句,这个赋值行为改变了对象{n:1},也就是给它增加了一个名为x的属性。
//重新执行a={n:2},这意味着变量A不再是对象{n:1},而是被重新赋值为一个新的对象{ n:2 };
console . log(a);//自然这时A就是对象{n:2}
console . log(b);//a的二次赋值并没有影响到B,B仍然是对象{n:1},但是由于A在重新赋值之前给对象{n:1}添加了一个X属性,此时B已经有了X属性。
console . log(a . x);//{n:2}对象没有x属性,所以结果未定义。
console . log(b . x);//综上,这个结果是{n:2}
以上js中的变量连续赋值(例题讲解)就是边肖分享的全部内容。希望给大家一个参考,多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。