javascript中的值传递和引用传递的详细讲解(代码示例)

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

本篇文章给大家带来的内容是关于javascript中的值传递和引用传递的详细讲解(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

值传递是针对基本类型的,而引用传递是针对引用类型的。传参可以理解为:复制变量的值,把这个副本传递给形参。

基本类型复制后,形参与实参完全是独立的,不管改变哪一个,都不会对另一个产生影响。

引用传递本质上还是传值,具体的步骤是:1、先在栈中开辟形参引用。2、把实参引用的值传递给形参引用。

1、值传递

function add(num) {     num++;     console.log("形参:", num); }  var a = 20; add(a); console.log("实参:", a);

结果如下:

javascript中的值传递和引用传递的详细讲解(代码示例)

根据结果分析:调用add(a),传递的实参a=20,把实参复制一份,把复制本传递给形参num,所以num++后并没有影响实参a的值。

2、引用传递

function setNum(obj) {     obj.num = 10;     console.log("形参:", obj); }  var a = new Object(); setNum(a); console.log("实参:", a);

结果如下:

javascript中的值传递和引用传递的详细讲解(代码示例)

当var a = new Object();时,下图时变量和对象的关系:

javascript中的值传递和引用传递的详细讲解(代码示例)

调用setNum(a);时,下图是全局变量a和局部变量obj以及对象Object的关系:

javascript中的值传递和引用传递的详细讲解(代码示例)

这段代码创建了一个Object对象,变量(引用)a指向这个Object对象。调用setNum(a),在这个函数内部,obj和a都引用的是同一Object对象,即a和obj都指向同一个堆内存地址。所以,通过传递实参引用a,对形参引用obj添加num属性后,也影响到了实参引用a。所以,很多人就会被这种假象所蒙蔽,错误的认为:在局部作用域修改对象,会在全局对象中反映出来,就说明参数是引用传递。

所以,以下是我的进一步分析:

function setNum(obj) {     obj.num = 10;     obj = new Object();     obj.num = 20;     console.log("形参:", obj); }  var a = new Object(); setNum(a); console.log("实参:", a);

结果如下:

javascript中的值传递和引用传递的详细讲解(代码示例)

在函数内部创建obj对象 obj = new Object(); 下图是a和obj以及Object的关系:

javascript中的值传递和引用传递的详细讲解(代码示例)

这段代码在前一个的基础上,给setNum()函数中添加了两行代码:obj = new Object()改变了obj的指向;obj.num = 20给新创建的obj添加属性。根据结果来看,形参的改变并没有影响到实参,所以,在JS中,引用传递的本质就是值传递。

本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » javascript中的值传递和引用传递的详细讲解(代码示例)

发表评论

提供最优质的资源集合

立即查看 了解详情