JavaScript 是一种灵活的编程语言，其变量传递机制是其核心特性之一。许多初学者可能会对 JavaScript 中的值传递产生困惑，因为它与许多其他编程语言中的按值传递或按引用传递不同。本文将深入浅出地解析 JavaScript 中的数值传递，解释为什么值传递并不是复制，以及变量共享与变化背后的奥秘。
1. JavaScript 中的基本数据类型
在 JavaScript 中，数据类型可以分为基本数据类型和复杂数据类型。基本数据类型包括数字（Number）、字符串（String）、布尔值（Boolean）、null 和 undefined。复杂数据类型则包括对象（Object）、数组（Array）和函数（Function）。
2. 值传递与引用传递
在 JavaScript 中，基本数据类型的传递方式是值传递（pass by value），而复杂数据类型的传递方式是按引用传递（pass by reference）。
2.1 值传递
当我们将一个基本数据类型的变量赋值给另一个变量时，实际上是创建了一个新的值。这意味着，这两个变量在内存中存储的是不同的数据。以下是值传递的示例：
let a = 5;
let b = a;
console.log(a); // 输出：5
console.log(b); // 输出：5
a = 10;
console.log(a); // 输出：10
console.log(b); // 输出：5
在这个例子中，变量 a 和 b 初始值都是 5。当我们改变 a 的值时，b 的值并没有改变，因为 b 是通过值传递获得的 a 的一个副本。
2.2 按引用传递
对于复杂数据类型，如对象和数组，JavaScript 使用按引用传递。这意味着当我们创建一个对象或数组，并将其赋值给另一个变量时，实际上是在传递对这个对象的引用。以下是按引用传递的示例：
let obj1 = { value: 5 };
let obj2 = obj1;
console.log(obj1.value); // 输出：5
console.log(obj2.value); // 输出：5
obj1.value = 10;
console.log(obj1.value); // 输出：10
console.log(obj2.value); // 输出：10
在这个例子中，变量 obj1 和 obj2 都指向同一个对象。当我们改变 obj1 的 value 属性时，obj2 的 value 属性也会随之改变。
3. 数值传递的奥秘
那么，为什么说 JavaScript 中的值传递不是复制呢？原因在于基本数据类型的值传递实际上是创建了一个新的变量，而复杂数据类型的按引用传递则是传递了对象在内存中的地址。
3.1 基本数据类型的值传递
对于基本数据类型，由于它们的值是存储在栈内存中的，所以值传递实际上是创建了一个新的变量，并复制了栈内存中的值。以下是基本数据类型值传递的示例：
let a = 5;
let b = a;
console.log(a); // 输出：5
console.log(b); // 输出：5
在这个例子中，变量 a 和 b 分别存储在栈内存中，它们的值都是 5。
3.2 复杂数据类型的按引用传递
对于复杂数据类型，由于它们的值是存储在堆内存中的，所以按引用传递实际上是传递了对象在堆内存中的地址。以下是复杂数据类型按引用传递的示例：
let obj1 = { value: 5 };
let obj2 = obj1;
console.log(obj1); // 输出：{ value: 5 }
console.log(obj2); // 输出：{ value: 5 }
在这个例子中，变量 obj1 和 obj2 都指向同一个对象，该对象存储在堆内存中。
4. 总结
JavaScript 中的值传递并不是复制，而是创建了一个新的变量。基本数据类型的值传递实际上是创建了一个新的变量，并复制了栈内存中的值；而复杂数据类型的按引用传递则是传递了对象在内存中的地址。了解这些奥秘，有助于我们更好地理解和掌握 JavaScript 中的变量共享与变化。