JavaScript中的内存模型：变量存储与数据访问机制

JavaScript的内存模型描述了变量和数据在内存中的存储结构及访问方式。理解这个机制能帮助你深入理解闭包、作用域等核心概念。

1. 内存基本分区
JavaScript引擎将内存分为栈（Stack）和堆（Heap）：

• 栈内存：存储基本类型值（Number、String、Boolean、Null、Undefined、Symbol、BigInt）和引用类型的地址指针
• 堆内存：存储引用类型值（Object、Array、Function等复杂数据结构）

2. 变量声明与存储过程

let a = 10;        // 基本类型，值直接存储在栈中
let b = {name: "John"}; // 引用类型，对象存储在堆中，栈中存储堆地址

详细步骤：

1. 声明变量a时，在栈中分配内存空间
2. 将数值10直接存入该栈空间
3. 声明变量b时，在栈中分配空间存储指针地址
4. 在堆中创建对象{name: "John"}，并将堆地址存入b的栈空间

3. 赋值操作的内存行为

let c = a;  // 值复制：将a的值10复制给c
let d = b;  // 地址复制：将b的堆地址复制给d

此时内存状态：

• a和c各自拥有独立的栈空间，值都是10
• b和d共享同一个堆地址，指向同一个对象

4. 修改数据的影响

a = 20;     // 修改a不影响c（独立的值）
b.name = "Jane"; // 通过b修改对象，d也会受到影响
console.log(c);     // 10（保持不变）
console.log(d.name); // "Jane"（同步修改）

5. 函数参数传递机制

function changeValue(x, y) {
    x = 100;           // 不影响外部变量（值传递）
    y.name = "Mike";   // 影响外部对象（共享引用）
}

let num = 50;
let obj = {name: "Tom"};
changeValue(num, obj);
console.log(num);     // 50（未改变）
console.log(obj.name); // "Mike"（已修改）

参数传递本质上是值传递，但对于引用类型传递的是堆地址的副本。

6. 特殊情况的处理

// 重新赋值引用类型变量
let arr1 = [1, 2, 3];
let arr2 = arr1;
arr1 = [4, 5, 6];    // 创建新数组，改变arr1的指向
console.log(arr2);    // [1, 2, 3]（仍指向原数组）

// 常量对象的内存特性
const obj = {count: 0};
obj.count = 1;       // 允许：修改堆中数据
// obj = {count: 2};  // 报错：不能改变栈中的指针地址

7. 内存生命周期管理

1. 分配：声明变量时自动分配内存
2. 使用：读写变量时访问对应内存
3. 释放：通过垃圾回收机制自动回收不再使用的内存

理解这个内存模型有助于避免常见的数据共享问题，并为理解闭包、深拷贝等高级概念奠定基础。