JavaScript 原始数据类型与引用数据类型区别解析

在 JavaScript 中，数据类型可以分为两大类：原始数据类型（Primitive Types） 和 引用数据类型（Reference Types）。这两者的主要区别在于它们在内存中的存储方式和操作行为。

1. 原始数据类型（Primitive Types）

原始数据类型是 JavaScript 中最基本的数据类型，它们是不可变的（immutable），即一旦创建，其值就不能被修改。原始数据类型是按值存储和传递的。

JavaScript 中的原始数据类型包括：

• Number: 用于表示整数和浮点数。例如：42, 3.14
• String: 用于表示文本数据。例如："Hello, World!"
• Boolean: 用于表示逻辑值，即 true 或 false。
• Undefined: 表示一个未定义的值。通常用于变量声明但未赋值的情况。例如：let x; console.log(x); // undefined
• Null: 表示一个空值或无值。例如：let y = null;
• Symbol (ES6 引入): 表示唯一的、不可变的值，通常用作对象属性的键。例如：const sym = Symbol('description');
• BigInt (ES2020 引入): 用于表示任意精度的整数。例如：const bigInt = 1234567890123456789012345678901234567890n;

原始数据类型的特点：

• 按值存储：原始数据类型的值直接存储在变量中。
• 不可变性：原始数据类型的值一旦创建就不能被修改。任何对原始值的操作都会返回一个新的值。
• 按值传递：在函数调用时，原始数据类型的值是按值传递的，即传递的是值的副本。

2. 引用数据类型（Reference Types）

引用数据类型是 JavaScript 中的复杂数据类型，它们通常是对象或对象的集合。引用数据类型是按引用存储和传递的。

JavaScript 中的引用数据类型包括：

• Object: 用于存储键值对的集合。例如：{ name: "Alice", age: 25 }
• Array: 用于存储有序的元素集合。例如：[1, 2, 3, 4]
• Function: 函数也是对象的一种，可以像其他对象一样被传递和操作。
• Date: 用于表示日期和时间。
• RegExp: 用于表示正则表达式。
• Map, Set, WeakMap, WeakSet (ES6 引入): 这些是 ES6 引入的新的集合类型。

引用数据类型的特点：

• 按引用存储：引用数据类型的值存储在堆内存中，变量中存储的是指向该值的引用（内存地址）。
• 可变性：引用数据类型的值是可变的，可以通过引用修改其内容。
• 按引用传递：在函数调用时，引用数据类型的值是按引用传递的，即传递的是引用的副本，而不是实际的值。

3. 原始数据类型与引用数据类型的区别

4. 示例

原始数据类型示例：

let a = 10;
let b = a;  // b 是 a 的副本
b = 20;
console.log(a); // 10, a 的值没有改变
console.log(b); // 20

引用数据类型示例：

let obj1 = { name: "Alice" };
let obj2 = obj1;  // obj2 是 obj1 的引用
obj2.name = "Bob";
console.log(obj1.name); // "Bob", obj1 的值被修改
console.log(obj2.name); // "Bob"

5. 总结

• 原始数据类型：按值存储和传递，不可变，适合存储简单的数据。
• 引用数据类型：按引用存储和传递，可变，适合存储复杂的数据结构。

理解这两者的区别对于编写高效、可维护的 JavaScript 代码至关重要，尤其是在处理数据传递、函数参数、对象复制等场景时。