目录
引言
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参数传递的认识
参考
更多文章, 请支持我的个人博客
