在JavaScript中，数值传递一直是开发者们讨论的焦点。很多人对数值的复制和引用概念感到困惑，尤其是在进行函数参数传递时。本文将深入探讨JavaScript中数值传递的真相，包括复制、引用以及改变背后的原理。
数值的复制
JavaScript中的数值传递是按值传递的，这意味着当我们将一个数值赋给另一个变量时，实际上是创建了该数值的一个副本。这个副本与原始数值完全独立，对副本的任何修改都不会影响原始数值。
let num1 = 10;
let num2 = num1;
num2 = 20;
console.log(num1); // 输出: 10
console.log(num2); // 输出: 20
在上面的例子中，num1 和 num2 分别是 10 的两个副本。修改 num2 的值不会影响 num1，因为它们是独立的。
数值的引用
与数值不同，在JavaScript中，对象和数组等复杂数据类型的传递是按引用进行的。这意味着当我们传递一个对象或数组时，实际上是传递了该对象或数组的引用。
let obj1 = { value: 10 };
let obj2 = obj1;
obj2.value = 20;
console.log(obj1.value); // 输出: 20
console.log(obj2.value); // 输出: 20
在上面的例子中，obj1 和 obj2 都是同一个对象 obj1 的引用。修改 obj2.value 的值会同时影响 obj1.value，因为它们指向同一个对象。
改变的背后原理
在JavaScript中，数值和复杂数据类型的传递方式导致了对改变的感知有所不同。以下是一些可能导致改变的常见情况：
数值改变
当我们在函数中修改一个数值变量时，由于数值传递是按值进行的，改变不会影响到原始变量。
function modifyNum(num) {
num = 20;
}
let originalNum = 10;
modifyNum(originalNum);
console.log(originalNum); // 输出: 10
在上面的例子中，modifyNum 函数中的 num 变量是 originalNum 的一个副本。在函数内部，我们修改了 num 的值，但这不会影响到 originalNum。
复杂数据类型改变
当我们在函数中修改一个复杂数据类型的变量（如对象或数组）时，由于传递是按引用进行的，改变会影响到原始变量。
function modifyObj(obj) {
obj.value = 20;
}
let originalObj = { value: 10 };
modifyObj(originalObj);
console.log(originalObj.value); // 输出: 20
在上面的例子中，modifyObj 函数中的 obj 变量是 originalObj 的引用。在函数内部，我们修改了 obj.value 的值，这同时影响了 originalObj.value。
总结
在JavaScript中，数值传递是按值进行的，而复杂数据类型传递是按引用进行的。这导致了在函数中对数值和复杂数据类型的改变有着不同的感知。了解这些背后的原理对于编写高效的JavaScript代码至关重要。希望本文能帮助您更好地理解JavaScript中数值传递的真相。