JavaScript传递变量: 值传递?引用传递?
更新时间：2011年02月22日 21:19:38 作者：
JavaScript传递变量 值传递 引用传递,需要的朋友可以参考下。
当变量A赋值给变量B时，会将栈中的值复制一份到为新变量分配的空间中。
如何理解？
var x = y = 1;
y = 2;
alert(x);
x的值为多少？
var obj = {};
var sub = {};
sub['id'] = 3;
obj['sub'] = sub;
sub['id'] = 4;
alert(obj['sub']['id']);
obj['sub']['id']的值又为多少？他们真的符合你的预期吗？
我们分别运行2段代码，发现第1段程序中x的值没有改变，而第2段程序中的obj['sub']['id']的值却改变了。同样是一个赋值操作，同样是修改另外一份拷贝的值，为什么一段程序源变量没变，一段程序源变量变化了呢？这个传递到底是按值传递还是按引用传递的呢？
李松峰翻译的《JavaScript 高级程序设计 第二版》中给出了答案。
在开始的这2个例子中，事实上都复制了A的值给B，不同的是，在第一个例子中，A的值是int型的1，而在第二个例子中，A的值是一个地址指针，这个地址指针可以访问到一个对象，复制之后，第1个例子中的B的值变成了新的int， 他的值为1，而第2个例子中B的值变成了新的地址指针，他的值为这个对象的地址。
下面的例子可以帮助理解
function setName(obj){
obj.name = "test1";
obj = {};
obj.name = "test2";
}
var person = new Object();
setName(person);
alert(person.name);
可以看到的是，尽管调用了setName函数修改了变量的name属性,但是person.name的值并没有改变。这是因为在函数中，obj指向的地址被改变了，因此修改这个地址的name属性，并不会对原地址的name属性造成影响。从另一个方面，也印证了JavaScript的传递是按值传递。
如何理解？
复制代码 代码如下:
var x = y = 1;
y = 2;
alert(x);
x的值为多少？
复制代码 代码如下:
var obj = {};
var sub = {};
sub['id'] = 3;
obj['sub'] = sub;
sub['id'] = 4;
alert(obj['sub']['id']);
obj['sub']['id']的值又为多少？他们真的符合你的预期吗？
我们分别运行2段代码，发现第1段程序中x的值没有改变，而第2段程序中的obj['sub']['id']的值却改变了。同样是一个赋值操作，同样是修改另外一份拷贝的值，为什么一段程序源变量没变，一段程序源变量变化了呢？这个传递到底是按值传递还是按引用传递的呢？
李松峰翻译的《JavaScript 高级程序设计 第二版》中给出了答案。
在开始的这2个例子中，事实上都复制了A的值给B，不同的是，在第一个例子中，A的值是int型的1，而在第二个例子中，A的值是一个地址指针，这个地址指针可以访问到一个对象，复制之后，第1个例子中的B的值变成了新的int， 他的值为1，而第2个例子中B的值变成了新的地址指针，他的值为这个对象的地址。
下面的例子可以帮助理解
复制代码 代码如下:
function setName(obj){
obj.name = "test1";
obj = {};
obj.name = "test2";
}
var person = new Object();
setName(person);
alert(person.name);
可以看到的是，尽管调用了setName函数修改了变量的name属性,但是person.name的值并没有改变。这是因为在函数中，obj指向的地址被改变了，因此修改这个地址的name属性，并不会对原地址的name属性造成影响。从另一个方面，也印证了JavaScript的传递是按值传递。
相关文章
这篇文章主要介绍了js基于cookie方式记住返回页面的用法,涉及javascript操作cookie及php针对cookie的判断技巧,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了JavaScript设计模式之职责链模式，对设计模式感兴趣的同学，可以参考下2021-04-04
今天小编就为大家分享一篇关于js中事件对象和事件委托的介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
在进行页面的跳转的时候,往往需要我们将一些参数携带着传递过去这里的class样式,下面这篇文章主要给大家介绍了关于uniapp页面传参的三种方式,需要的朋友可以参考下2022-11-11
这篇文章主要为大家详细介绍了JS实现瀑布流布局效果展示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
javascript中onclick与listeners的执行先后问题一直都是大家所疑惑的地方，接下来将为大家解决此疑惑，感兴趣的朋友可以了解下哦2013-01-01
最近公司项目需求需要对设备在地图上面进行监控,并在当设备一定距离时进行聚合,这篇文章主要给大家介绍了关于uniapp实现地图点聚合功能的相关资料,需要的朋友可以参考下2022-12-12
函数式编程 是一种 编程规范，也是一种对语言程序（比如JavaScript）本身能力的 运用方式。本篇文章将从 编程规范 来介绍函数式编程的到底是一种什么样的规范，希望对大家有所帮助2023-02-02
表单验证在很多地方都可以用到，本文详细的介绍了javascript表单是否为空验证方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
原生js操作checkbox用document.getElementById实现
js操作checkbox本人建议用document.getElementById(checkbox_id).checked不推荐使用jquery操作checkbox，感兴趣的朋友不要错过2013-10-10
最新评论