JS之传递参数

来源:互联网 发布:快递免费数据管理软件 编辑:程序博客网 时间:2024/05/21 00:53

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函数的参数想象成局部变量。