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

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

php中文网

发布： 2016-05-16 17:30:38

原创

1982人浏览过

对于“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中，所有的变量或成员，都是一个指针，在修改变量或成员值的时候，其实是修改了该指针的地址。

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

MarsCode

字节跳动旗下的免费AI编程工具

279

查看详情

在“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]的别名了。

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

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

大家都在看：

服务端渲染_Next.js同构JavaScript JavaScript代理反射_Proxy与Reflect元编程 JavaScript跨域解决方案_CORS与JSONP 数据持久化_IndexedDB事务处理 JavaScript类型推断_静态分析工具开发