JS之传递参数

JS中的参数传递是一个容易让人困惑的地方。

JS中所有函数的参数都是按值传递的。即把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。–访问变量有按值和按引用两种方式，而参数只能按值传递。

向参数传递基本类型的值时，被传递的值会被复制给一个局部变量；向参数传递引用类型的值时，会把这个值在内存中的地址复制给一个局部变量。

看一个例子：

function addTen(num){
    num += 10;
    return num;
}
    var count = 20;
    var sum = addTen(count);
    alert(count);    //20，没有变化
    alert(sum);      //30

解析：这里的函数addTen()有一个参数num，而参数实际上是函数的局部变量。当调用该函数时，变量count作为参数被传递给函数，这个变量的值是20。于是，数值20被复制给参数num以便在addTen()中使用。在函数内部，参数num的值被加上了10，但这一变化不会影响函数外部的count变量。参数num与变量count是相互独立的，互不影响，它们仅仅是具有相同的值而已。(若num是按引用传递的话，则变量count的值也将变成30，从而反映函数内部的修改)

以上是用数值等基本类型来说明函数是按值传递参数的，这个易于理解，若使用对象，则不太好理解。例如：

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

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

解析：创建了一个对象，并将其保存在变量person中。之后，该变量作为参数传递到setName()中，复制给了obj。在函数内部，obj和person引用的是同一个对象。换言之，即使这个变量是按值传递的，obj也会按引用来访问同一个对象。于是，当在函数内部为obj添加name属性后，函数外部的person也将有所反映–因为person指向的对象在堆内存中只有一个，而且是全局对象。

很多时候，我们会错误地认为：在局部作用域中修改的对象会在全局作用域中反映出来，就说明参数是按引用传递的。

为了证明对象是按值传递的，再看一个例子：

function setName(obj){
    obj.name = "Coco";
    obj = new Object();
    obj.name = "Mark";
}

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

解析：这2个例子的唯一区别是，此例子在setName()中添加了2行代码–一行是为obj重新定义了一个对象，另一行代码为该对象定义了一个带有不同值的name属性。当把person传递给setName()后，其name属性被设置为“Coco”，然后，又将一个新对象赋值给变量obj，同时将其name属性设置为“Mark”。若person是按引用传递的，则person就会自动被修改为指向其name属性值为“Mark”的新对象。但是，当接下来再访问person.name时，显示的值仍然是“Coco”。这说明即使在函数内部修改了参数的值，但原始的引用仍保持不变。实际上，当在函数内部重写obj时，这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁。

可把js函数的参数想象成局部变量。