JavaScript 中的值类型和引用类型

前端

2023-12-31 15:19:30

了解 JavaScript 中的值类型和引用类型

在 JavaScript 的世界中，数据被分为两大类：值类型 和引用类型 。了解它们之间的区别至关重要，因为它们对数据存储和操作的方式有深远的影响。

值类型

就像它们的名字所暗示的那样，值类型在内存中存储实际值。当您将一个值类型变量赋值给另一个变量时，新变量将获得该值的副本。对副本所做的任何更改都不会影响原始值。

JavaScript 中常见的值类型 包括：

数字（Number）
字符串（String）
布尔值（Boolean）
undefined
null

引用类型

引用类型有点像内存中的地址。它们存储的不是实际值，而是指向存储该值的内存位置的引用。因此，当您将一个引用类型变量赋值给另一个变量时，新变量不会获得该值的副本，而是获得指向该值的引用的副本。对副本所做的任何更改都会影响原始值。

常见的引用类型 包括：

对象（Object）
数组（Array）
函数（Function）

值类型与引用类型之间的区别

特征	值类型	引用类型
内存存储方式	存储实际值	存储对值的引用
赋值操作	获得副本	获得引用
对副本的更改	不影响原始值	影响原始值
数据类型	简单数据（数字、字符串等）	复杂数据（对象、数组等）

值类型和引用类型的使用场景

值类型通常用于存储不会经常发生变化的简单数据，例如数字、字符串和布尔值。这样可以节省内存空间，因为不用为每个变量存储多个副本。

另一方面，引用类型用于存储复杂的数据，例如对象、数组和函数。这些数据通常会随着时间的推移而变化，因此使用引用类型可以避免不必要的数据复制。

示例

以下代码示例演示了值类型和引用类型之间的区别：

// 值类型
let a = 10;
let b = a;

b++;

console.log(a); // 输出 10
console.log(b); // 输出 11

// 引用类型
let obj1 = { name: "John Doe" };
let obj2 = obj1;

obj2.name = "Jane Doe";

console.log(obj1.name); // 输出 "Jane Doe"
console.log(obj2.name); // 输出 "Jane Doe"