为何函数运行时意外修改非目标变量inputArray？原因及修复

嘿，这两个问题本质上是同一个JavaScript核心机制在起作用——引用类型的传递规则，我来给你详细拆解：

问题1：为何函数运行在另一个已声明变量上时，输入变量被修改？ #

JavaScript里的变量传递分两种核心情况：

• 基本类型（数字、字符串、布尔等）：按「值传递」。当你把这类变量传给函数时，函数拿到的是一个完全独立的数值副本，修改副本不会影响原变量。
• 引用类型（数组、对象等）：按「引用传递」。传递的不是整个数组/对象的副本，而是指向它在内存中存储位置的「引用地址」。函数内部对这个引用指向的内容做修改时，原变量因为指向同一个内存地址，自然会同步看到修改后的结果——这就是你看到原变量被修改的原因。

问题2：inputArray被意外修改的成因与解决方案 #

成因分析 #

你提到operatorSequence本该用input却误用了inputArray，而inputArray是数组（属于引用类型）。当你把它传给函数时，函数拿到的是该数组的内存引用，只要函数内部对这个引用指向的数组做了修改（比如直接修改元素、使用splice这类会改变原数组的方法），原数组inputArray都会被改动——这和你是否传错变量无关，核心是引用类型的传递特性在起作用。

修改方案 #

要避免原数组被修改，核心是操作数组的副本而非原数组，同时修正函数的参数使用：

1. 创建数组副本：在函数内部先复制原数组，后续所有操作都基于副本。常用的复制方法有：
   • 扩展运算符：const arrayCopy = [...array];
   • slice()方法（无参数时复制整个数组）：const arrayCopy = array.slice();
   • Array.from()：const arrayCopy = Array.from(array);
2. 修正参数传递：确保operatorSequence函数使用的是input变量，从根源上避免传错参数的问题。

举个修改后的sliceIndex函数示例：

// 从数组中截取指定索引的元素（修改后）
function sliceIndex(array, index) {
  // 先创建原数组的副本
  const arrayCopy = [...array];
  let temp = arrayCopy.slice(0, index);
  // 后续逻辑都基于arrayCopy或temp，不再操作原array
  // ...你的其他代码
  return temp;
}

这样无论函数是否误传了inputArray，原数组都不会被修改；同时修正operatorSequence的参数后，就能彻底解决问题。

内容的提问来源于stack exchange，提问作者W. Chen