深入学习js之——参数按值传递#9

深入学习js系列是自己阶段性成长的见证，希望通过文章的形式更加严谨、客观地梳理js的相关知识，也希望能够帮助更多的前端开发的朋友解决问题，期待我们的共同进步。

如果觉得本系列不错，欢迎点赞、评论、转发，您的支持就是我坚持的最大动力。

定义：

在《JavaScript 高级程序设计》第三版 4.1.3 讲到传递参数：

ECMAScript 中所有函数的参数都是按照值进行传递的。

什么是按照值传递？

也就是说,把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。

按值传递

举一个简单的例子：

var value = 1;

function foo(v) {
  v = 2;
  console.log(v); // 2
}

foo(value);
console.log(value); // 1

很好理解，当传递 value 到函数 foo 中，相当于拷贝了一份 value，假设拷贝的这份叫做 _value ,函数中修改的都是_value 的值，而不会影响到原来的 value 值。

上述代码中在执行 foo 函数的时候传递的是全局的变量 value 当这个 value 被当做实参传递时候，在内部重新赋值变成了 2 因此在函数内部打印的就是 2,接下来在函数执行完毕之后再次打印全局变量 value 的值还是 1，说明在函数内部修改的 value 值并没有对全局的 value 造成影响。

引用传递？

拷贝虽然很好理解，但是当值是一个复杂的数据结构的时候，拷贝就会产生性能上的问题。所以还有另外一种传递数据的方式叫做引用传递。

所谓按照引用传递，就是传递对象的引用，函数内部对参数的任何改变都会影响该对象的值，因为两者引用的是用一个对象。

举个例子：

var obj = {
  value: 1
};

function foo(o) {
  o.value = 2;
  console.log(o.value); // 2
}
foo(obj);
console.log(obj.value); // 2

嗯哼，我们的红包书中明明已经说了啊，js 中的所有函数的参数都是按照值进行传递的，这怎么能按照"引用传递"成功了呢？

那这究竟是不是按照引用传递呢？

第三种传递方式

不着急，让我们在看个例子:

var obj = {
  value: 1
};

function foo(o){
  o = 2;
  console.log(o); // 2
}
foo(obj);

console.log(obj.value);// 1

如果js 是按照引用传递在上述代码中外层的值也会被修改啊，这怎么在最后打印的时候又没有进行修改呢?

所以这里要讲的还有第三种传递方式——共享传递。

而共享传递是指，在传递对象的时候，传递对象引用的副本。

注意：按引用传递是传递对象的引用，而按共享传递是传递对象的引用的副本！

所以修改了o.value 可以通过引用找到原值，但是直接修改 o 并不会修改原值，所以第二个和第三个例子其实都是共享传递。

最后，你可以这样理解：

参数如果是基本类型是按照值传递，如果是引用类型按共享传递。但是因为拷贝副本也是一种值的拷贝，所以在高程中也是直接认为是按照值传递了。

##参考:

《JavaScript深入之参数按值传递》

深入学习JavaScript系列目录

欢迎添加我的个人微信讨论技术和个体成长。

欢迎关注我的个人微信公众号——指尖的宇宙，更多优质思考干货