了解后端语言的同学都清楚,参数有按值传递和按引用传递,但对于js来说是没有按引用传递的说法
值传递:
方法调用时,实际参数把它的值传递给对应的形式参数,函数接收的是原始值的一个copy,此时内存中存在两个相等的基本类型,即实际参数和形式参数,后面方法中的操作都是对形参这个值的修改,不影响实际参数的值
引用传递:
方法调用时,实际参数的引用(地址,而不是参数的值)被传递给方法中相对应的形式参数,函数接收的是原始值的内存地址;
在方法执行中,形参和实参内容相同,指向同一块内存地址,方法执行中对引用的操作将会影响到实际对象
在js中,值传递很简单,新参和实参互不影响,重点说说当参数是对象类型时的值传递
function test(m) {
m.a = 20;
}
var m = {b: 10};
test(m);
console.log(m); // {b: 10, a: 20}
简单分析下(为了表述方便形参用M表示),首先变量在内存上是存在栈中的,如变量m,而其值是个对象,会存于堆上,其实m的值就是堆上存储{b:10}的地址, 将m赋值给M时,其实是在栈上新定义了一个M,其值与m相同也是等于堆上存储{b:10}的地址,这时,m和M都指向同一个对象,所以M增加了属性,m也跟着变了,这看起来很像引用传递哎,其实不然,看看下面的例子
function test(m) {
m = {a: 20}
}
var m = {b: 10};
test(m);
console.log(m);// {b:10}
这里可以看到m并没有受到M的影响,这就不符合引用传递的定义了呀。原因是因为m={a:20}是改变了M的值,使他指向了堆上另一个地址,这时后m和M存储的地址不一样了,就互不影响了