javascript值传递和引用传递的问题,代码如下
发布网友
发布时间：2022-05-10 04:35
共3个回答
懂视网
时间：2022-05-14 18:35
本篇文章给大家带来的内容是关于javascript中的值传递和引用传递的详细讲解（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
值传递是针对基本类型的，而引用传递是针对引用类型的。传参可以理解为：复制变量的值，把这个副本传递给形参。
基本类型复制后，形参与实参完全是独立的，不管改变哪一个，都不会对另一个产生影响。
引用传递本质上还是传值，具体的步骤是：1、先在栈中开辟形参引用。2、把实参引用的值传递给形参引用。
1、值传递
function add(num) {
num++;
console.log("形参：", num);
}
var a = 20;
add(a);
console.log("实参：", a);结果如下：
根据结果分析：调用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);结果如下：
当var a = new Object();时，下图时变量和对象的关系：
调用setNum(a);时，下图是全局变量a和局部变量obj以及对象Object的关系：
这段代码创建了一个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);结果如下：
在函数内部创建obj对象 obj = new Object(); 下图是a和obj以及Object的关系：
这段代码在前一个的基础上，给setNum()函数中添加了两行代码：obj = new Object()改变了obj的指向；obj.num = 20给新创建的obj添加属性。根据结果来看，形参的改变并没有影响到实参，所以，在JS中，引用传递的本质就是值传递。
热心网友
时间：2022-05-14 15:43
这里涉及到javascript变量赋值的问题。首先解释一下，变量赋值的两种情况，一种是基本数据类型如（number类型、boolean类型等），一种则是引用类型如（{}，[]，function等）。前者变量持有的值，后者持有对象的引用。何谓对象的引用，比较浅显地说就是指向存储对象地址值。当多个变量持有同一引用时，通过它们的任何一个都可以改变对象。比如
var a;var b;
b = a = {value: 'Hello World'};//b和a持有相同引用
a.value = 'Good morning';//通过a向对象添加属性,b也可访问得到
alert(b.value);//输出Good morning
理解了上面，就好解释楼主的代码了，现在一一解析，注意看代码后面的注释
var a={};//变量a持有一个空对象的引用
var b=a;//变量b、a持有一个相同的引用
a['com']={};//通过变量a向对象添加属性,由于b与a持有引用相同,所以b也可访问到com
a={};//变量a持有另一个空对象引用,此时b和a引用不同,a添加属性不会影响到b
a['test']={};//由于a和b引用不同,这里添加test属性，b是访问不到的。
a={};//变量持有另一个空引用,此时b和a引用还是不同，后面的道理同上。
a['momo']={};
a={};
console.log(a);//最终a={}
console.log(b)//b={com:{}}
}
function test2(){
var a={};//变量a持有一个空对象的引用
var b=a;//变量b和a持有相同引用，所以通过a向对象添加属性，b也可以访问。
a['com']={};
a['test']={};
a['momo']={};
console.log(a);//a = b = {com:{},test:{},momo:{}}
console.log(b);
}
对比代码楼主应该知道，test1和test2的区别在于，变量a在test1中不断的赋值新的引用，导致a与b持有的引用不同，后面向a添加的属性，b都无法访问到。
热心网友
时间：2022-05-14 17:01
