您的位置:首页 > Web前端 > JavaScript

关于js中的传递方式

2014-09-03 20:22 148 查看
网上看到一道题,

var a = {"x": 1};

var b = a;

a.x = 2;

b.x;

a = {"x":3};

b.x;

a.x = 4;
b.x;

问b.x的结果分别是多少?

运行了以后发现答案是:2,2,2

但是为什么呢?于是我找出之前学过的js资料查看后得到了结论。其实在js中所有传递方式都是复制过去的,只是数字,字符串等属于简单类型的赋值方式,因此仅仅是把值传递了过去;而数组,对象则属于复杂类型的复制方式,因此它是把地址传递了过去,如上的var b=a;中的b得到的是a的地址的副本,故b也指向{"x":1};然后下面a指向的对象的x值变成了2,即{"x":2},其地址并未改变,故b.x值为2;下面出现了一个新的对象与a重名,故覆盖了a,此时a变量指向的是{"x":3},一个新的地址,但是!!b变量中保存的仍然是旧的a的地址(它又没再次经过a的赋值),所以b.x值为2;接下来因为a没有赋值给b,所以此时的a已经和b指向不同的对象了,已经没有关系了,故a的对象值变化并不影响b,所以b.x=2。

另外,如果是这样:

var a = {"x": 1};

var b = a;

b.x = 4;
a.x;

运行后答案是:4,即b改变了它和a共同指向的地址里存放的x的值,因此a.x=4.
结论:赋值的时候,地址或值复制了过去决定了接受变量的地址指向,从而决定了接受变量之后的变化。即使是地址复制了过去,它得到的也只是一个地址的副本,它能影响它指向的地址所保存的值但是它不会被原来变量的新地址影响也不会影响原来的地址。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: