深入学习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系列目录
- #1 【深入学习js之——原型和原型链】
- #2 【深入学习js之——词法作用域和动态作用域】
- #3 【深入学习js之——执行山下文栈】
- #4 【深入学习js之——变量对象】
- #5 【深入学习js之——作用域链】
- #6 【深入学习js之——实际开发场景中的this指向】
- #7 【深入学习js之——执行上下文】
- #8 【深入学习js之——闭包】
- #9 【深入学习js之——参数按值传递】
- #10 【深入学习js之——call和apply】
- #11 【深入学习js之——类数组对象与arguments】
- #12 【深入学习js之——创建对象的各种方式以及优缺点】
欢迎添加我的个人微信讨论技术和个体成长。
欢迎关注我的个人微信公众号——指尖的宇宙,更多优质思考干货