阅读 75

深入学习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系列目录

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

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