软件开发培训班 >> 编程开发 >> JavaScript


JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享

　　本文标签：函数参数,传值,传址

对于“JavaScript 函数参数是传值(byVal)还是传址(byRef)”这个问题，普遍存在一个误区：number，string等“简单类型”是传值，Number, String, Object, Array等“复杂类型”是传址 。
这样不对吗？为什么会有这样的误区？看一下这两段代码：

复制代码 代码如下:

//造成传值假象的代码
function modifyLikeByVal(x){
  x = 1;
  console.log(x = %d, x);
}
var x = 0;
console.log(x = %d, x); // 输出 x = 0
modifyLikeByVal(x);  // 输出 x = 1
console.log(x = %d, x); // 输出 x = 0   x没变！

复制代码 代码如下:

//造成传址假象的代码
function modifyLikeByRef(x){
  x[0] = 4;
  x[1] = 5;
  x[2] = 6;
  console.log(x = [ %s ], x.join(, ));
}
var x = [1, 2, 3];
console.log(x = [ %s ], x.join(, )); // 输出 x = [ 1, 2, 3 ]
modifyLikeByRef(x);  // 输出 x = [ 4, 5, 6 ]
console.log(x = [ %s ], x.join(, )); // 输出 x = [ 4, 5, 6 ]   x变了！

于是，由以上代码得出结论，“简单类型”作为参数是传值(byVal)的，“复杂类型”作为参数是传址(byRef)的 。

问题出在哪呢？

仔细观察两个函数，就可以发现一点：
在byVal中，是直接修改了参数x： x = 1;
而byRef中，是修改参数x的成员： x[0] = 4; x[1] = 5; x[2] = 6;

本人由此得出猜想：在JavaScript中，所有的变量或成员，都是一个指针，在修改变量或成员值的时候，其实是修改了该指针的地址 。

这样上面的代码就可以得到解释了：

在“byVal”中：

复制代码 代码如下:

global {  // 表示全局作用域，下面的表示函数作用域
  var x = 0;  // 初始化指针x并指向数字0
    fun(x) {
      x = global.x; // 传入参数global.x; fun域的x指针地址与global域的x指针地址一样指向数字0
      x = 1; // 修改fun域的x指针地址，指向数字1；
    } // fun 域结束，global域中的x指针没改变
}

在“byRef”中：
复制代码 代码如下:

global {  // 表示全局作用域，下面的表示函数作用域
  /*
    初始化指针x并指向数组[1, 2, 3]
    其实是x的三个成员0, 1, 2，分别指向1, 2, 3；
  */
  var x = [1, 2, 3]; 
    fun(x) {
      x = global.x; // 传入参数global.x; fun域的x指针地址与global域的x指针地址一样指向数组[1, 2, 3]
      /*
       在fun域中的x没有再被改变
       紧接着修改fun域中的x（也就是global.x）三个成员指针的指向
      */
      x[0] = 4;
      x[1] = 5;
      x[2] = 6;
    } // fun 域结束，global域中的x指针没改变，但其三个成员指针被改变了，于是就看到我们输出的结果
}

那这段代码怎么解释呢？？？
复制代码 代码如下:

(function(a, b){
    arguments[0] = 1;
    b = 2;
    console.log(arguments, a, b);
})(-1, -2);

只能说a, b...，是arguments[0],...[n]的别名了 。

如果有不对的地方，请指出来，谢谢 。

如果有更好的解释，欢迎大家分享 。