数据传递的奥秘：值复制还是引用传递？

2023-11-28 18:08:17

深入探究 JavaScript 中的值传递与引用传递

在 JavaScript 的广袤世界中，变量充当着至关重要的角色，它们如同一个个容器，承载着各种类型的数据。然而，当我们对变量进行赋值操作时，幕后究竟发生了什么？数据究竟是如何传递的？是直接复制，还是仅仅指向了一个新的地址？本文将深入剖析 JavaScript 中的数据传递机制，揭开值传递和引用传递之间的奥秘。

值传递：复制一份新数据

对于简单值 （标量原始类型值），包括 null、undefined、字符串、数字、布尔和 ES6 中的 symbol，JavaScript 采用值传递 的机制。当我们对简单值进行赋值操作时，目标变量将直接获得一份该值的副本。

let a = 10; // a 指向值 10
let b = a; // b 也指向值 10

b = 20; // 重新赋值 b 为 20

console.log(a); // 输出：10（不受 b 影响）

在这个示例中，变量 a 被赋值为 10，随后变量 b 被赋值为 a。此时，a 和 b 都指向了同一个值 10。然而，当我们重新赋值 b 为 20 时，由于值传递的特性，a 的值并不会受到影响，它仍然指向原来的值 10。

引用传递：共享同一内存地址

与简单值不同，对于复合值 （对象和数组），JavaScript 采用引用传递 的机制。当我们对复合值进行赋值操作时，目标变量并不会获得一份新数据的副本，而是会指向与原变量相同的内存地址 。这意味着，对目标变量进行修改，实际上就是对原变量的修改。

let obj1 = { name: 'John Doe' }; // obj1 指向内存地址 0x123
let obj2 = obj1; // obj2 也指向内存地址 0x123

obj2.name = 'Jane Doe'; // 修改 obj2 的属性

console.log(obj1.name); // 输出：Jane Doe（受 obj2 影响）

在这个示例中，变量 obj1 被赋值为一个对象，随后变量 obj2 被赋值为 obj1。此时，obj1 和 obj2 都指向了同一个内存地址 0x123，意味着它们共享了同一份数据。当我们修改 obj2 的属性 name 时，实际上是在修改对象本身，因此 obj1 也受到影响，它的属性 name 也变成了 'Jane Doe'。

值传递与引用传递的差异

通过上述示例，我们可以清楚地看到值传递和引用传递之间的差异：