JavaScript中的参数传递

参数传递

在JavaScript中,参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。基本类型值的传递如同基本类型的变量复制一样,而引用类型值的传递,则如同引用类型变量的复制一样。有很多人在这一点上会感觉到很困惑。因为访问变量有按值和按引用两种方式,而参数只能按值传递
当我们向参数传递基本类型的值的时候,被传递的值会被复制给一个局部变量(即命名参数,或者用JavaScript中的概念来说,就是arguments对象中的一个元素)。**在向参数传递引用类型的值时,会把这个值在内存中的地址,复制给一个局部变量,因此,这个局部变量的变化就会反应在函数的外部。**看下面的例子:

function add(num){
	num += 10;
	return num;
}
var count = 20,
	result = add(count);
console.log(count);			//20,没有变化
console.log(result);		//30

这里的函数add()有一个参数num,而参数实际上是函数的局部变量。在调用这个函数时,变量count作为参数被传递给函数,这个变量的值是20.于是,当20被复制给参数num以便在add()中使用。在函数内部,参数num的值加上了10,但这一变化不会影响函数外部的count变量。参数num和变量count互不认识,它们仅仅是具有相同的值。假如num是按引用传递的话,那么变量count的值也将变成30,从而反映函数内部的修改。当然,使用数值等基本类型值来说明按值传递参数是比较简单的,但如果使用对象,就不那么好理解了。看个例子:

function setName(obj){
	obj.name = "诺男";
}
var person = new Object();
setName(person);
console.log(person.name);		//"诺男"

在上面代码中创建了一个对象,并将其保存在变量person中,这个变量被传递给setName()函数中之后就被复制给了obj。在这个函数内部,obj和person引用的是同一个对象。于是,当函数内部为obj添加name属性后,函数外部的person也将有所反映;因为person指向的是对象在堆内存中只有一个,而且是全局对象。很多人会错位的认为:在局部作用域中修改的对象会在全局作用域中反映出来,就说明参数是按引用传递的。为了证明对象是按值传递的,我们再看一下下面这个修改过后的例子:

function setName(obj){
obj.name = "诺男";
	obj = new Object();
	obj.name = "王彬";
}
var person = new Object();
setName(person);
console.log(person.name);		//"诺男"

这个例子与前面的例子的位移区别,就是setName()函数中添加了两行代码:一行代码为obj重新定义了一个对象,另一行代码为该对象定义了一个带有不同值的name属性。在把person传递给setName()后,其name属性被设置为"诺男"。然后,又将一个新的对象赋给变量obj,同时将其name属性设置为"王彬"。如果person是按引用传递的,那么person就会自动被修改为指向name属性值为"王彬"的新对象。但是,当接下来在访问person.name时,显示的值仍然是"诺男"。这说明即使函数内部修改了参数的值,但原始的引用仍然保持不变。实际上,当在函数内部重写obj时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值