JavaScript 值类型与引用类型深度解析98

在JavaScript的世界里，数据类型被分为两大类：值类型（primitive type）和引用类型（reference type）。理解这两者的区别对于编写高效、正确的JavaScript代码至关重要，因为它直接影响着变量赋值、函数参数传递以及内存管理等方面。本文将深入探讨JavaScript的值类型和引用类型，并通过具体的例子来解释它们之间的差异。

一、值类型

值类型存储在栈内存中，变量直接保存的是数据本身。当我们赋值一个值类型变量给另一个变量时，系统会创建一个新的副本，修改其中一个变量的值不会影响另一个变量。 JavaScript中的值类型包括：
Number: 表示数值，包括整数和浮点数。例如：let age = 30; let price = 99.99;
String: 表示文本字符串，用单引号或双引号括起来。例如：let name = "John Doe";
Boolean: 表示布尔值，只有true和false两个值。例如：let isAdult = true;
BigInt: 用于表示任意精度的大整数。例如：let bigNum = 9007199254740991n;
Symbol: 创建一个独一无二的值，常用于对象属性的唯一标识符。例如：let uniqueSymbol = Symbol('mySymbol');
Null: 表示空值，表示变量没有指向任何对象。例如：let user = null;
Undefined: 表示未定义的值，表示变量声明了但没有赋值。例如：let address; // address is undefined

值类型的赋值操作：

让我们看一个例子：```javascript
let x = 10;
let y = x;
y = 20;
(x); // 输出 10
(y); // 输出 20
```

在这个例子中，x 和 y 都是值类型Number。当y = x;时，系统复制了x的值给y，它们拥有独立的内存空间。因此，修改y的值不会影响x的值。

二、引用类型

引用类型存储在堆内存中，变量保存的是对象的内存地址（引用）。当我们赋值一个引用类型变量给另一个变量时，系统只是复制了内存地址，而不是对象本身。因此，两个变量指向的是同一个对象，修改其中一个变量会影响另一个变量。JavaScript中的引用类型包括：Object, Array, Function, Date等等。实际上，除了上述列出的值类型外，其他所有类型都是引用类型。

引用类型的赋值操作：

让我们看一个例子：```javascript
let obj1 = { name: "Alice", age: 25 };
let obj2 = obj1;
= 30;
(); // 输出 30
(); // 输出 30
```

在这个例子中，obj1 和 obj2 都是引用类型Object。当obj2 = obj1;时，系统复制了obj1的内存地址给obj2，它们指向同一个对象。因此，修改obj2的属性值会影响obj1的属性值。

三、值类型与引用类型的区别总结

特性
值类型
引用类型

存储位置
栈内存
堆内存

赋值方式
复制值
复制引用

修改影响
修改一个变量不影响另一个
修改一个变量会影响另一个(如果它们指向同一个对象)

数据大小
固定大小
大小可变

性能
更高效
相对较低