当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js函数传参

js函数传参

2018年08月31日  | 移动技术网IT编程  | 我要评论

　也许大家对于函数的参数都不会太在意，简单来说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。深入研究，你会发现其实没那么简单，这个传参是要分俩种情况（其实这是个错误的说法，ecmascript中所有函数的参数都是按值传递的——《高程3》原话，之所以这里说俩种，是因为结合引用传参更容易理解）—— 。 

　　值传参针对基本类型，引用传参针对引用类型，传参可以理解为复制变量值。基本类型复制后俩个变量完全独立，之后任何一方改变都不会影响另一方；引用类型复制的是引用（即指针），之后的任何一方改变都会映射到另一方。

　　不少人对参数都是按值传递的感到困惑，因为访问变量有按值和按引用两种方式。下面就来看看有何不同：

　　

　　这一段很重要：我们可以把ecmascript函数的参数想象成局部变量。在向参数传递基本类型的值时，被传递的值被复制给一个局部变量（即命名参数，或者用ecmascript的概念来说，就是arguments对象中的一个元素）。在向参数传递引用类型时，会把这个值在内存中的地址（指针）复制给一个局部变量，因此这个局部变量的变化会反映在函数的外部。

 

　　1、按值传递

复制代码
1 function addten(num) {
2     num += 10;
3     return num;
4 }
5 
6 var count = 20;
7 var result = addten(count);  //按值传递 num = count
8 alert(count);  // 20, 没变化
9 alert(result);  // 30
复制代码

　　很好理解，因为是按值传递的，传递完后俩个变量各不相干！

 

　　2、按引用传递（这么叫便于理解，其实也是按值传递）

复制代码
1 function setname(obj) {
2     obj.name = "nicholas";
3 }
4 
5 var person = new object();
6 setname(person);   //相当于按值传递  obj = person
7 alert(person.name);   // "nicholas"
复制代码

　　当 var person = new object(); 时，可以用下图表示变量和对象的关系：

　　当调用函数 setname(person); 时，下图可以表示全局变量person和局部变量obj的关心：

　　以上代码中创建一个对象，并将其保存在变量person中。然后，这个变量被传递到setname(obj)函数中之后就被复制给了obj。在这个函数内部，obj和person引用的是同一个对象。换句话说，即使ecmascript说这个变量时按值传递的，但obj也会按引用来访问同一个对象。于是，在函数内部为obj添加name属性后，函数外部的person也将有所反应；因为这时的person和obj指向同一个堆内存地址。所以，很多人错误的认为：在局部作用域中修改的对象会在全局对象中反映出来，就说明参数是按引用传递的。

　　

　　为了证明对象也是按值传递的，我们再来看看下面这个经过修改的例子：

复制代码
1 function setname(obj) {
2     obj.name = "nicholas";
3     obj = new object(); //改变obj的指向，此时obj指向一个新的内存地址，不再和person指向同一个
4     obj.name = "greg";
5 }
6 
7 var person = new object();
8 setname(person);  //你看看下面，相信我也是按值传递的了吧
9 alert(person.name);  //"nicholas"
复制代码

　　当创建obj对象 obj = new object();  时，来看看这时person和obj的关系图：

　　这个例子与前一个唯一的区别，就是setname()函数中添加了两行代码： obj = new object(); 用来改变obj的指向; obj.name = "greg"; 用来给新创建的obj添加属性。如果是按引用传递的，那么person就会自动被修改为指向新创建的obj的内存地址，则person的name属性值被修改为"greg"。但是，当访问person.name时，显示的结果为"nicholas"。这说明即使在函数内部修改了参数的值，但原始的引用仍然保持未变。实际上，当在函数内部重写obj时，这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后被立即销毁！

虽然变量person和参数obj的值一样都是同一个对象在内存中的地址，但它们是两个相互独立的变量。如果在函数中改变参数obj的值，使其指向内存中另外一个对象，变量person的值不会改变，还是指向原来的对象。

因此javascript中函数的引用类型值参数的传递是按值传递的。

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网