按值传递与引用传递：深入理解JavaScript中的基本概念

2023-11-11 16:56:39

JavaScript 是一门强大的语言，它允许您使用多种数据类型来存储和处理信息。这些数据类型包括原始类型和对象。原始类型是简单的值，如数字、字符串和布尔值，而对象是更复杂的数据结构，可以包含多个属性和方法。

在 JavaScript 中，变量是用于存储数据的容器。变量可以存储任何数据类型的值，包括原始类型和对象。当您将值分配给变量时，您实际上是在内存中创建一个该值的副本。这意味着对变量的任何更改都不会影响原始值。这就是所谓的按值传递。

例如，以下代码演示了按值传递：

let a = 10;
let b = a;
b++;
console.log(a); // 10
console.log(b); // 11

在上面的代码中，我们声明了两个变量 a 和 b。然后，我们将变量 a 的值（10）赋值给变量 b。这将创建一个 a 值的副本并将其存储在 b 中。然后，我们使用 ++ 运算符将变量 b 的值递增。这将修改变量 b 的值，但它不会影响变量 a 的值。因此，当我们打印变量 a 和 b 的值时，我们将看到 a 的值为 10，而 b 的值为 11。

与按值传递不同，引用传递允许您直接操作原始值。这意味着对变量的任何更改都会影响原始值。

let a = { name: 'John Doe' };
let b = a;
b.name = 'Jane Doe';
console.log(a.name); // Jane Doe
console.log(b.name); // Jane Doe

在上面的代码中，我们声明了两个变量 a 和 b。然后，我们将变量 a 的值（一个包含一个属性 name 的对象）赋值给变量 b。这不会创建一个 a 值的副本，而是创建一个指向 a 值的引用。这意味着变量 b 实际上是指向同一块内存的位置，该内存位置存储着变量 a 的值。然后，我们使用 . 运算符来访问变量 b 的 name 属性并将其值更改为 “Jane Doe”。这将更改变量 b 的 name 属性的值，但也将更改变量 a 的 name 属性的值，因为它们都指向同一块内存位置。因此，当我们打印变量 a 和 b 的 name 属性的值时，我们都会看到 “Jane Doe”。