深入剖析 JavaScript 的原始值与引用值

2024-01-07 12:10:20

引言

JavaScript 是一门功能强大的编程语言，其动态类型系统使开发人员能够创建灵活、响应迅速的应用程序。理解 JavaScript 中的数据类型对于写出可维护且高效的代码至关重要。本文将重点探讨原始值和引用值，这些值是 JavaScript 内存管理和数据操作的基础。

基本类型与引用类型

在 JavaScript 中，数据类型分为两大类：基本类型和引用类型。基本类型直接存储在栈内存中，包括：

数字 (number)
字符串 (string)
布尔值 (boolean)
undefined
null

引用类型存储在堆内存中，并通过引用访问。它们包括：

对象 (object)
数组 (array)
函数 (function)

栈与堆

栈是一种数据结构，它遵循先进后出 (LIFO) 原则。这意味着最后添加的元素将第一个被移除。栈用于存储基本类型值。

堆是一种无序的数据结构，用于存储引用类型值。它允许动态内存分配和释放。当创建一个引用类型的值时，它将在堆上分配内存，并返回一个指向该内存的引用。

原始值与引用值

原始值直接存储在栈内存中，而引用值存储在堆内存中并引用存储在堆中的实际值。这导致了以下关键差异：

赋值： 当对原始值进行赋值时，会创建该值的副本。当对引用值进行赋值时，会创建对堆中存储的实际值的引用。
比较： 原始值通过其值进行比较，而引用值通过其引用进行比较。这意味着即使两个引用值引用相同的值，它们也不相等。
内存管理： 原始值在栈上创建和销毁，这是一种高效且快速的内存管理方法。引用值在堆上创建，当不再需要时由垃圾回收器负责销毁。

实例

为了更好地理解原始值和引用值之间的差异，让我们看一些示例：

let num1 = 10; // 基本类型（原始值）
let num2 = num1; // num2 是 num1 的副本
num2 = 20; // 更改 num2 的值不影响 num1
console.log(num1); // 输出：10

let obj1 = { name: "John" }; // 引用类型（引用值）
let obj2 = obj1; // obj2 引用堆中的同一对象
obj2.name = "Jane"; // 更改 obj2 的属性值也更改了 obj1 的属性值
console.log(obj1.name); // 输出：Jane