JavaScript学习 之 传值or传引用

96
诺之林
2017.05.20 17:11* 字数 987

目录

引言

JavaScript的函数参数到底传的是个啥?

有三种看法:

传值

传引用

基础类型传值 对象类型传引用

传值?

首先我们来看看是不是传值

// 例子1
function change_list(orig_list) {
    new_list = orig_list;
    new_list.push('new');
    return new_list;
}

orig_list = ['old'];
new_list = change_list(orig_list);

console.log('orig list: ' + orig_list);
console.log('new list: ' + new_list);

打印如下:

orig list: old,new
new list: old,new

由于orig_list都和new_list都发生了变化 因此

JavaScript不是传值 更像是传引用

传引用?

那到底是不是传引用呢? 我们来看看下面的这个例子

// 例子2
function inc(n) {
    n = n + 1;
    console.log('[in] n = ' + n);
}

n = 1;
inc(n);
console.log('[out] n = ' + n);

打印如下:

[in] n = 2
[out] n = 1

由于inc函数里和函数外的n并不一致 因此

JavaScript不全是传引用 有时也传值

基础类型传值 对象类型传引用?

看到这里机智的你 已经发现了"正确"的答案: 基础类型传值 对象类型传引用

关于JavaScript类型的更多介绍请参考JavaScript学习 之 类型

按照上面的两个例子 这个答案看起来确实是对的 那么是不是真的是这样呢? 来看下面的例子

// 例子3
function change_me(orig_list) {
    new_list = orig_list;
    if (new_list.length < 3) {
        new_list = [1000];
    } else {
        new_list = new_list.push(1000);
    }
}

var orig_list = [1];
change_me(orig_list);
console.log(orig_list);

orig_list = [1, 2, 3];
change_me(orig_list);
console.log(orig_list);

按照上述答案 此时orig_list是对象类型所以传引用 那么在调用change_me之后 期望的打印结果如下

// 期望的打印结果
[ 1000 ]
[ 1, 2, 3, 100]

那么实际的打印结果是否如期望的那样呢 使用babel-node执行该文件后 实际的打印结果如下

// 实际的打印结果
[ 1 ]
[ 1, 2, 3, 100]

关于babel-node的更多介绍请参考JavaScript学习 之 版本

同时是对象类型 为什么会这样呢?

第一次像是传值

第二次像是传引用

看来这种解释也是不对的 那JavaScript的参数到底是传得啥呢? 我已经晕了

传共享!

正确的表述应该是:

传共享(call-by-sharing)

当然 也可以说是传对象(call-by-object)或传对象的共享(call-by-object-sharing)

关于call-by-sharing的更多解释请参考这里

但是 什么叫做传共享 这个概念完全没听过啊!

首先 来看看例子1

传入的orig_list 在push操作之后 函数外的orig_list也被修改了

接着 再看看例子2

传入的n 在"n = n + 1"操作之后 函数里n的值为2 而函数外n的值仍然为1

最后 来看看例子3

传入的orig_list 在赋值新的对象时 函数外的orig_list并没有修改 而push操作时 函数外的origi_list会被修改

因此 我们可以这样理解传共享

  • 对对象进行修改时 调用者和被调用者之间共享这个对象 表现出来就像传引用

  • 对不可变的基本类型进行修改或者给对象赋值新的对象时 调用者和被调用者引用的已经不是同一个对象 表现出来就像传值

如果你觉得拗口, 那我只能说: 回头再看一遍例子吧!

小结

JavScript这种区分不可变 / 重新赋值和可变对象的做法 其实也是很多编程语言采取的一种通用做法

例如Python也有类似JavaScript的参数传递方式 详见Python函数参数是传值还是传引用?

这样设计的目的 我认为是为了提高效率 包括: 对象分配和内存使用的效率

当只是对可变对象进行修改 那么就不必分配新的对象 共享同一个共享 表现出来就像传引用

当需要修改不可变对象或者赋值新的对象 那么不得不分配新的对象 不再共享同一个对象

用一句话描述就是:

引用优先 按需分配

不知道机智的你 是如何理解JavaScript的参数传递的呢? 希望读者也分享你的观点和依据 我们一起讨论和完善对JavaScript参数传递的认识

参考

更多文章, 请支持我的个人博客

JavaScript