JavaScript中的参数传递

太过爱你忘了你带给我的痛 2022-02-26 00:16 258阅读 0赞

# 参数传递 #

**在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时，这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁**。