关于JS对函数的形参的修改会不会影响实参

背景说明

有的时候我们需要再函数定义的时候，对形参进行修改，此时会不会影响实参的具体值，我们具体探讨一下

情况一：实参是一个基础数据类型（不影响）

let a = 1;

function test(b) {
  b= 2;
  console.log(b); // 2
}
test(a);

console.log(a); // 1

• 相当于如下代码

let a = 1
let param = a
param = 2
console.log(param); // 2
console.log(a); // 1

此时相当于 ，把变量a赋值给一个新的变量b，然后再把变量b进行修改，对于基础数据类型，变量的值存在于栈内存中，简单赋值就是开辟一个新的栈内存进行存储，所以b和a互不影响

情况二：实参是一个引用数据类型（影响）

let a = { name: "a" };

function test(b) {
  b.name = "b";
  console.log(b); // { name: "b" }
}
test(a);

console.log(a); // { name: "b" }

• 相当于如下代码

let a = { name: "a" };
let b = a
b.name = 'b'
console.log(a); // { name: "b" };
console.log(b); // { name: "b" };

我们通过let b = a执行一次复制引用类型的操作。引用类型的赋值，仅仅只是复制引用类型的一个地址指针。当地址指针相同时，他们在内存中访问到的具体对象实际上是同一个，因此b.name ='b'使堆内存中对象的value值变化，a.name的值也随之变化。

如何避免修改影响a的值

let a = { name: "a" };

function test(b) {
  b = { name: "b" };
  console.log(b); // { name: "b" }
}
test(a);

console.log(a); // { name: "a" }

因为b = { name: "b" };后相当于重新在堆内存中分配内存给对象{ name:'b' }，同时栈内存中变量b的指向地址也随之变化，变量a不受影响。

参考文章:JS的内存空间

https://blog.csdn.net/qq_44741577/article/details/135948018