JavaScript 高级程序设计之旅：第四章寻宝之旅

在 JavaScript 的世界里，变量扮演着举足轻重的角色，它们是存储数据的容器，让程序得以在不同的时刻访问和操作信息。然而，在变量的背后，隐藏着两个截然不同的数据类型：原始值和引用值。

原始值：数据的基本单位

原始值是最简单的值类型，就像基本的数据单位。它们直接存储在变量中，包括数字（如 10）、字符串（如 "Hello"）、布尔值（如 true 或 false）、null 和 undefined。这些值不可变，这意味着一旦创建，便无法更改其值。

引用值：指向对象的指针

与原始值不同，引用值并不直接存储在变量中。相反，它们存储的是对对象的引用，对象是一个由多个值组成的复杂数据结构。当我们把引用值赋给变量时，变量实际上持有的是指向该对象的指针。这种赋值方式使我们能够修改对象的值，而无需重新赋值变量。

理解原始值和引用值之间的区别至关重要，因为它会影响我们编写 JavaScript 代码的方式。例如，在比较原始值时，JavaScript 会直接比较其值。然而，当比较引用值时，JavaScript 比较的是指向对象的指针，这意味着两个变量可以指向同一个对象，即使它们具有不同的名称。

变量赋值的奥秘

当我们把一个值赋给变量时，JavaScript 引擎会根据值的类型自动确定其为原始值还是引用值。对于原始值，引擎会直接将值存储在变量中。对于引用值，引擎会创建一个指向对象的引用，并将其存储在变量中。

深入浅出，示例解析

为了更清楚地理解原始值和引用值的差别，让我们举个例子。假设我们有两个变量：

const number = 10;
const object = { name: "John" };

变量 number 存储的是一个原始值，即数字 10，该值直接存储在变量中。变量 object 存储的是一个引用值，即指向一个名为 "John" 的对象的指针，该对象存储在内存中。

现在，如果我们修改对象的值：

object.name = "Mary";

由于 object 存储的是一个引用值，JavaScript 引擎将更新对象的值，而不是重新分配变量。因此，number 的值仍然是 10，而 object 的值现在指向一个名为 "Mary" 的对象。

高级程序设计的基石

理解原始值和引用值是 JavaScript 高级程序设计的基石。掌握这些概念将使您能够编写更强大、更健壮的代码，避免常见的编程陷阱。随着您继续探索 JavaScript 的世界，这些知识将为您提供一个坚实的基础，帮助您构建复杂的应用程序。