关于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.
结论:赋值的时候,地址或值复制了过去决定了接受变量的地址指向,从而决定了接受变量之后的变化。即使是地址复制了过去,它得到的也只是一个地址的副本,它能影响它指向的地址所保存的值但是它不会被原来变量的新地址影响也不会影响原来的地址。
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.
结论:赋值的时候,地址或值复制了过去决定了接受变量的地址指向,从而决定了接受变量之后的变化。即使是地址复制了过去,它得到的也只是一个地址的副本,它能影响它指向的地址所保存的值但是它不会被原来变量的新地址影响也不会影响原来的地址。
相关文章推荐
- PHP 与 JS 的另一种数据传递方式 序列化
- js 实现post方式传递
- 关于一个JS功能实现的思维方式
- js获取url中的参数,url中传递中文的时候通过js解码的方式
- 关于js正则验证的几种方式
- 关于delphi 的函数调用和参数传递方式深入研究之疑惑
- 在js 中window.open()打开新页面,post方式传递参数到新页面上
- 关于 ios 页面信息传递方式 delegate 和 NSNotificationCenter
- 在js传递参数中含加号(+)的处理方式
- js post方式传递提交的实现代码
- 关于一个JS功能实现的思维方式
- 关于"Java中方法参数的传递方式"的探讨
- 关于Eclipse中XML、JSP、JS等文件打开方式的设置
- 关于 Delphi 参数传递方式的一点研究
- 关于document.write方式 和 方式加载js 串/并行的问题
- 关于用js(jquery)遍历由php传递过来的json数据的方法介绍
- 在js传递参数中含加号(+)的处理方式
- html jsp javascript js 参数传递方式
- 关于使用struts2跳转后css和js失效的解决方式
- 关于使用struts2跳转后css和js失效的解决方式