JavaScript 中，数值传递的方式有两种：按值传递（Value Passing）和按引用传递（Reference Passing）。这两种传递方式决定了当我们操作变量时，这些操作是如何影响变量本身以及它们的副本的。理解这两种传递方式的差异，对于编写高效、可预测的 JavaScript 代码至关重要。
按值传递（Value Passing）
按值传递意味着当我们将一个变量赋值给另一个变量时，实际上是复制了这个变量的值。在 JavaScript 中，基本数据类型（如数字、字符串、布尔值等）就是按值传递的。
基本数据类型示例
let num1 = 5;
let num2 = num1;
num2 = 10;
console.log(num1); // 输出：5
console.log(num2); // 输出：10
在这个例子中，num1 和 num2 是两个不同的变量，它们各自存储了相同的值。当我们改变 num2 的值时，num1 的值不受影响。
按引用传递（Reference Passing）
按引用传递适用于复杂数据类型，如对象和数组。在这种情况下，变量实际上存储的是对数据的引用，而不是数据本身。
对象和数组示例
let obj1 = { value: 5 };
let obj2 = obj1;
obj2.value = 10;
console.log(obj1.value); // 输出：10
console.log(obj2.value); // 输出：10
在这个例子中，obj1 和 obj2 都指向同一个对象。当我们改变 obj2 的 value 属性时，obj1 的 value 属性也会相应改变。
实战技巧
复制对象
如果需要复制一个对象，但不希望后续的修改影响原始对象，可以使用以下方法：
- 使用
JSON.parse(JSON.stringify(object))，但这方法不能复制函数、undefined、Symbol 等特殊值。 - 使用
Object.assign()方法。
let obj1 = { value: 5 };
let obj2 = Object.assign({}, obj1);
数组复制
复制数组可以使用 slice() 方法或展开操作符 ...。
let arr1 = [1, 2, 3];
let arr2 = [...arr1]; // 或 arr2 = arr1.slice();
注意深拷贝和浅拷贝
在复制对象时，需要注意深拷贝和浅拷贝的区别。浅拷贝只复制对象的最外层属性，而深拷贝会递归复制对象的所有属性。
let obj1 = { value: 5, nested: { anotherValue: 10 } };
let obj2 = { ...obj1 }; // 浅拷贝
// obj2.nested 指向 obj1.nested 的引用
在上述例子中，obj2 是 obj1 的浅拷贝，obj2.nested 仍然指向 obj1.nested。
总结
掌握 JavaScript 中的按值传递和按引用传递是成为一名优秀开发者的重要技能。通过理解这两种传递方式，你可以编写更高效、更可靠的代码。在实际应用中，选择合适的复制方法可以帮助你避免不必要的副作用，提高代码的可维护性。