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

时间 2019-11-17

标签深刻学习参数传递栏目 JavaScript 繁體版

原文原文链接

深刻学习js系列是本身阶段性成长的见证，但愿经过文章的形式更加严谨、客观地梳理js的相关知识，也但愿可以帮助更多的前端开发的朋友解决问题，期待咱们的共同进步。前端

若是以为本系列不错，欢迎点赞、评论、转发，您的支持就是我坚持的最大动力。git

定义：

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

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 值。app

上述代码中在执行 foo 函数的时候传递的是全局的变量 value 当这个 value 被当作实参传递时候，在内部从新赋值变成了 2 所以在函数内部打印的就是 2,接下来在函数执行完毕以后再次打印全局变量 value 的值仍是 1，说明在函数内部修改的 value 值并无对全局的 value 形成影响。函数

引用传递？

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

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

举个例子：

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系列目录

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

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