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中,引用传递的本质就是值传递。

感谢各位的阅读!关于“javascript中的值传递和引用传递的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


当前题目:javascript中的值传递和引用传递的示例分析
文章路径:http://bzwzjz.com/article/gcdisg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站设计 成都网站建设 网站建设 自适应网站建设 成都网站设计 成都网站设计 温江网站设计 营销网站建设 成都网站制作 专业网站设计 定制级高端网站建设 成都企业网站建设 成都定制网站建设 网站建设改版 网站建设公司 成都定制网站建设 重庆网站建设 网站制作报价 宜宾网站设计 定制网站设计 成都响应式网站建设 成都网站制作