最近在研读《JavaScript》,当看到第四章变量作用域和内存时,产生了一些困惑,就是关于函数中参数传递的问题。
书中是这么说的:ECMAScript中所有的函数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。从字面来看其实并不复杂,但是当深入去思考,发现并没有那么清晰。于是查阅了很多帖子,说的也模模糊糊,越看越糊涂,于是针对了书中的例子和讲解反复的阅读理解,发现重点在于两个关键词,分别是"参数"和”值“。
先上一个书中的例子:
function addTen(num)
{
num += 10;
return num;
}
var count = 20;
var result = addTen(count);
alert(count); //20
alert(result); //30
在代码中,函数外部定义了一个变量count,并且将数值20赋值给他。当变量count作为参数进入函数时,将会把他的值也就是数值20传递进函数,此时的外部变量count在通过传参进入函数后形成count成为了函数内部此时的一个局部变量,也就是说这两个count是不认识的,实际上函数内部的count实际上是num的此时的一个存在形式,是num此时的“名称”,其本质上还是num。因此在函数内部对局部变量count的修改只会体现在函数内部,其本质上修改的不是count而是num。
在向参数传递基本类型的值书中的理解方式可能更方便理解,但是为了方便理解函数内部引用类型的值传递,先这么解释。如果不能理解的话可以结合书一起看。接下来是重点,即函数内部引用类型值的传递。
同样先上书中的例子:
function setName(obj)
{
obj.name = "Nicholas";
obj = new Object();
obj.name = "Greg";
}
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
在代码中,函数外部定义了一个对象变量person。在在函数传参时传递的是变量的值,那么此时就要记住一句话“对象变量的值就是这个对象在堆内存中的内存地址”,记住这句话之后就好理解多了。当对象向函数内部传参时,仅把他的地址传的给参数,而产生的新对象与其只是名称相同但是并不是同一个变量,但是由于其指向同一个对象,因此当在函数内部修改其属性时,其指向的那个变量的属性也相应发生变化,因此外部的对象属性也会跟着变化。而当在函数内部,将对象重新定义之后,并且没有对其有所指向,即使此时他们的引用相同(笔者的理解是拥有相同的属性这类的)。所以后面出现的obj.name=“Grey”可以理解为是在为新对象添加name属性为“Grey”,而老对象person对此并不做任何改变,因为他们的指向完全不同。
笔者认为难点主要在于两点。一是理解函数传参传递的是变量的值,二是理解引用类型的值在函数传参中传递的不是按其引用类型传递的。