从js函数内部修改实参导致的问题

在JavaScript中，函数的参数可以分为两大类：值类型参数和引用类型参数。

值类型参数

值类型参数在函数内部被复制，因此对值类型参数的修改不会影响到函数外部的变量。例如：

function changeNumber(num) {
  num = 10;
}

let number = 5;
changeNumber(number);
console.log(number); // 输出: 5

在这个例子中，函数changeNumber()接受一个值类型参数num，并在函数内部将num重新赋值为10。然而，由于num是值类型参数，因此对num的修改只影响函数内部的副本，不会影响到函数外部的变量number。因此，当我们在函数外部使用console.log()输出number时，输出结果仍然是5。

引用类型参数

引用类型参数在函数内部被传递引用，因此对引用类型参数的修改会影响到函数外部的变量。例如：

function changeArray(arr) {
  arr.push(10);
}

let array = [1, 2, 3];
changeArray(array);
console.log(array); // 输出: [1, 2, 3, 10]

在这个例子中，函数changeArray()接受一个引用类型参数arr，并在函数内部使用push()方法将10添加到数组arr中。由于arr是引用类型参数，因此对arr的修改会影响到函数外部的变量array。因此，当我们在函数外部使用console.log()输出array时，输出结果是[1, 2, 3, 10]。

内存管理和作用域

要理解函数参数的传递机制，我们需要了解JavaScript的内存管理和作用域的概念。

在JavaScript中，变量和函数都存储在内存中。变量存储在堆栈中，而函数存储在堆中。当一个函数被调用时，它会在堆栈中创建一个新的作用域，并且在该作用域中创建局部变量。

函数参数在函数作用域中创建，并被初始化为调用函数时传递的参数值。值类型参数在堆栈中创建，而引用类型参数在堆中创建。

可能产生的影响

从函数内部修改实参可能导致的问题主要包括：

• 意外修改：如果在函数内部意外修改了实参，可能会导致程序出现难以理解的错误。
• 内存泄漏：如果在函数内部修改了引用类型参数，并且没有正确地释放内存，可能会导致内存泄漏。

为了避免这些问题，我们在编写JavaScript代码时应该注意以下几点：

• 尽量避免在函数内部修改实参。
• 如果需要修改实参，应该使用深拷贝的方式来创建新的变量。
• 谨慎处理引用类型参数，并确保在函数内部正确地释放内存。