在JavaScript中，理解值传递与引用传递是掌握这门语言基础的关键。许多初学者在这个问题上感到困惑，因为这与我们日常生活中的逻辑不太一样。本文将深入浅出地解释这两种传递方式，并通过实例帮助你轻松掌握。
值传递（Value Passing）
在JavaScript中，基本数据类型（如数字、字符串、布尔值）是通过值传递来传递的。这意味着当你将一个变量赋值给另一个变量时，实际上是在复制这个值。
示例：
let num1 = 10;
let num2 = num1;
num2 = 20;
console.log(num1); // 输出：10
console.log(num2); // 输出：20
在这个例子中，num1 和 num2 是两个基本数据类型的变量。当我们给 num2 赋值时，它只是复制了 num1 的值。因此，改变 num2 的值不会影响 num1。
引用传递（Reference Passing）
在JavaScript中，复杂数据类型（如对象、数组）是通过引用传递来传递的。这意味着当你将一个变量赋值给另一个变量时，实际上是在复制这个变量的引用。
示例：
let obj1 = { name: 'Alice' };
let obj2 = obj1;
obj2.name = 'Bob';
console.log(obj1.name); // 输出：Bob
console.log(obj2.name); // 输出：Bob
在这个例子中，obj1 和 obj2 是两个复杂数据类型的变量。当我们给 obj2 赋值时，它只是复制了 obj1 的引用。因此，改变 obj2 的值会同时影响 obj1。
函数参数传递
在JavaScript中，函数参数的传递方式与变量的赋值方式相同。基本数据类型通过值传递，复杂数据类型通过引用传递。
示例：
function changeValue(num) {
num = 20;
}
function changeArray(arr) {
arr.push(30);
}
let num = 10;
let arr = [1, 2, 3];
changeValue(num);
console.log(num); // 输出：10
changeArray(arr);
console.log(arr); // 输出：[1, 2, 3, 30]
在这个例子中，changeValue 函数通过值传递接收参数，因此改变函数内部的 num 值不会影响外部的 num。而 changeArray 函数通过引用传递接收参数，因此改变函数内部的 arr 会同时影响外部的 arr。
总结
通过本文的讲解，相信你已经对JavaScript中的值传递与引用传递有了更深入的理解。在实际编程中，正确地使用这两种传递方式，可以帮助你避免许多常见的错误，并使你的代码更加高效和可维护。希望这篇文章能帮助你轻松掌握参数传递的奥秘！