Javascript系列(二):值传递

本文详细探讨了JavaScript中的值传递和引用传递概念,通过实例分析揭示了即使看似引用传递,实际上仍是值传递的本质,尤其是对于对象类型的参数,传递的是引用地址而非实际对象。最后得出结论:ECMAScript函数参数始终按值传递。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ECMAScript中所有函数的参数都是按值传递的

红宝书P70的这句话不是很理解,看了网上很多资料和博客,感觉都讲的云里雾里的,干脆自己整理一篇。整理的过程中发现这个概念其实有点文字游戏,用文字去解释文字所以很晕,其实画一个图就会很清楚了。

值传递和引用传递

值传递是指在调用函数时将实际参数复制一份传递到函数中,这样在函数中如果对参数进行修改,将不会影响到实际参数。

引用传递是指在调用函数时将实际参数的地址传递到函数中,那么在函数中对参数所进行的修改,将影响到实际参数。

以上关于值传递与引用传递的定义中,显然可以看出值传递和引用传递区别在于在函数中对数据进行修改会不会改变实际参数。

来看一个例子:

function addTen(num){
	num+=10;
	return num;
}

var count = 20;
var result = addTen(count);
alert(count);   //20,没有变化

显然上面是值传递,函数内对count进行修改之后,实际参数Count并没有改变,如图:
在这里插入图片描述

看下面这个例子:

function setName(obj){
	obj.name = "Nicholas";
}

var person = new Object();
setName(person);
alert(person.name) // "Nicholas",发生了变化

以上代码显示,函数内对person的name进行修改后,实际的person中name也发生了变化,看上去仿佛是引用传递,实际上这还是值传递。

原因,我们看下面这个例子:

function setName(obj){
	obj.name = "Nicholas";
	obj = new Object();
	obj.name = "Greg";
}

var person = new Object();
setName(person);
alert(person.name) // "Nicholas"

这个例子不同点,在函数内部又声明了一个对象并赋值给变量obj,同时把obj的name属性改为Greg,如果真的是引用传递,那最好打印出来的结果应该是Greg,但是实际的结果却是Nicholas。
如果真的是引用传递,那么流程如下,Person.name应该为Greg,而不是Nicholas:
在这里插入图片描述

但是实际上还是值传递,但是传递的是地址。流程如下:
在这里插入图片描述

结论

ECMAScript中所有函数的参数都是按值传递的,只是对于基本数据类型复制的是数据,对于引用类型复制的是地址。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值