JavaScript 数据类型详解
JavaScript 是一种动态类型语言，支持多种数据类型。理解这些数据类型及其内存分配机制对于编写高效、无错误的代码至关重要。本文将详细介绍 JavaScript 的数据类型、内存分配机制以及拷贝和引用的区别。
JavaScript 数据类型
简单数据类型（Primitive Types）
简单数据类型也称为原始数据类型，它们直接存储在栈内存中，可以直接访问其值。JavaScript 中的简单数据类型包括：
Number：表示数字，包括整数和浮点数。
BigInt：表示任意大小的整数，使用后缀 n 表示，例如 123n。
String：表示文本，可以用单引号或双引号括起来。
Boolean：表示逻辑值，只有 true 和 false 两个值。
Null：表示一个空值或不存在的对象，是一个特殊的值。
Undefined：表示未定义的值，通常出现在未初始化的变量或不存在的属性上。
Symbol：表示唯一的值，通常用于对象属性的唯一标识符。
复杂数据类型（Complex Types）
复杂数据类型也称为引用数据类型，它们存储在堆内存中，栈内存中存储的是指向堆内存的地址。JavaScript 中的复杂数据类型包括：
Object：表示一组键值对的集合，是最基本的复杂数据类型。
Array：表示有序的元素集合，可以包含任意类型的值。
Function：表示可执行的代码块，是 JavaScript 中的一等公民（First-Class Citizen）。 特殊数据类型
Null：表示一个空值或不存在的对象，是一个可以赋给变量的特殊值。尽管 typeof null 返回 object，但它实际上是一个特殊的值。
Undefined：表示未定义的值，通常出现在未初始化的变量或不存在的属性上。
Symbol：表示唯一的值，通常用于对象属性的唯一标识符。即使标签相同，Symbol 的值也是不同的。
BigInt：表示任意大小的整数，使用后缀 n 表示，例如 123n。BigInt 类型的数值可以用于表示非常大的整数，避免了 Number 类型的精度问题。
内存分配机制
简单数据类型
简单数据类型直接存储在栈内存中，栈内存中的数据访问速度快，但容量有限。栈内存中的数据是按值存储的，这意味着在赋值或传递参数时会复制实际的值。
let b = a; // b 是 a 的副本
a = 20;
console.log(a); // 20
console.log(b); // 10
复杂数据类型
复杂数据类型存储在堆内存中，栈内存中存储的是指向堆内存的地址。堆内存中的数据访问速度较慢，但容量较大。堆内存中的数据是按引用存储的，这意味着在赋值或传递参数时会复制地址，而不是实际的值。
let obj2 = obj1; // obj2 是 obj1 的引用
obj1.name = "Bob";
console.log(obj1.name); // Bob
console.log(obj2.name); // Bob
拷贝和引用
拷贝
简单数据类型在赋值或传递参数时会进行值的拷贝，这意味着修改其中一个变量不会影响另一个变量。
let num1 = 10;
let num2 = num1; // 值拷贝
num1 = 20;
console.log(num1); // 20
console.log(num2); // 10
引用
复杂数据类型在赋值或传递参数时会进行引用的拷贝，这意味着修改其中一个变量会影响另一个变量。
let obj1 = { name: "Alice" };
let obj2 = obj1; // 引用拷贝
obj1.name = "Bob";
console.log(obj1.name); // Bob
console.log(obj2.name); // Bob
函数对象
在 JavaScript 中，函数是一等公民（First-Class Citizen），可以像其他数据类型一样被赋值、传递和返回。函数也是对象，可以有属性和方法。
function greet(name) {
return `Hello, ${name}!`;
}
let myFunc = greet; // 函数赋值
console.log(myFunc("Alice")); // Hello, Alice!
let obj = {
func: greet // 函数作为对象属性
};
console.log(obj.func("Bob")); // Hello, Bob!
数组
数组是可迭代的对象，可以包含任意类型的值。数组提供了许多内置方法，如 push、pop、shift、unshift、map、filter 等。
let arr = [1, 2, 3];
arr.push(4); // 添加元素
console.log(arr); // [1, 2, 3, 4]
let newArr = arr.map((item) => item * 2); // 映射新数组
console.log(newArr); // [2, 4, 6, 8]
获取变量的确切类型
使用 typeof 操作符可以获取变量的类型，但需要注意 typeof null 返回 object，这是 JavaScript 设计的一个历史遗留问题。
let num = 10;
let str = "Hello";
let bool = true;
let obj = { name: "Alice" };
let arr = [1, 2, 3];
let func = function() {};
let nullVar = null;
let undefinedVar;
console.log(typeof num); // number
console.log(typeof str); // string
console.log(typeof bool); // boolean
console.log(typeof obj); // object
console.log(typeof arr); // object
console.log(typeof func); // function
console.log(typeof nullVar); // object
console.log(typeof undefinedVar); // undefined
为了更准确地判断 null 和 undefined，可以使用 Object.prototype.toString.call 方法。
console.log(Object.prototype.toString.call(null)); // [object Null]
console.log(Object.prototype.toString.call(undefined)); // [object Undefined]
总结
理解 JavaScript 的数据类型、内存分配机制以及拷贝和引用的区别对于编写高效、无错误的代码至关重要。简单数据类型直接存储在栈内存中，按值拷贝；复杂数据类型存储在堆内存中，按引用拷贝。函数是一等公民，可以像其他数据类型一样被赋值、传递和返回。数组是可迭代的对象，提供了丰富的内置方法。希望本文能帮助你更好地掌握 JavaScript 的数据类型和相关概念。
