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中的值传递和引用传递的示例分析