在JavaScript（以及大多数现代编程语言）中，内存被分为几个不同的部分，用于存储不同类型的数据和执行不同的操作。其中，堆（Heap）和栈（Stack）是两个最重要的概念。

栈（Stack）

栈是一种后进先出（LIFO）的数据结构，用于存储基本类型的数据和对象的引用。栈内存的分配和释放速度非常快，因为它们的生命周期是由函数调用和返回直接控制的。

栈主要用于存储原始数据类型（如Number、String、Boolean、Null、Undefined）和函数调用的上下文。例如，当你调用一个函数时，一个新的栈帧会被推入栈中，包含函数的参数、局部变量和返回地址。当函数执行完毕后，栈帧会被弹出，所有的局部变量都会被销毁。

堆（Heap）

堆是用于存储引用类型的数据（如对象、数组和函数）的内存区域。堆内存的管理比栈内存复杂得多，因为它们的生命周期不是由函数调用和返回直接控制的，而是由JavaScript的垃圾回收机制来管理。

堆内存中的对象可以通过引用被访问，这意味着你可以在程序的任何地方访问和操作这些对象。但是，这也意味着如果你不再需要某个对象，你需要手动将其设置为null，以便垃圾回收器可以回收其占用的内存。

区别和联系

栈和堆的主要区别在于它们的用途和生命周期管理。栈主要用于存储基本类型和函数调用上下文，其生命周期由函数调用和返回直接控制。而堆主要用于存储引用类型的数据，其生命周期由垃圾回收机制管理。

此外，栈内存的分配和释放速度通常比堆内存快，因为栈内存的管理相对简单。然而，堆内存可以存储比栈内存大得多的数据，并且可以在程序的任何地方被访问和操作。

代码示例

下面是一个简单的JavaScript代码示例，用于说明栈和堆的概念：

// 基本类型的数据存储在栈内存中
let num = 10; // num是一个基本类型（Number），存储在栈内存中
let str = "Hello"; // str是一个基本类型（String），存储在栈内存中

// 引用类型的数据存储在堆内存中，栈内存中存储的是对堆内存中数据的引用
let obj = { name: "Alice", age: 25 }; // obj是一个引用类型（Object），存储在堆内存中
let arr = [1, 2, 3]; // arr是一个引用类型（Array），存储在堆内存中

// 栈内存中存储的是对堆内存中数据的引用
console.log(obj); // 输出：{ name: 'Alice', age: 25 }
console.log(arr); // 输出：[ 1, 2, 3 ]

// 修改引用类型的数据，实际上是在堆内存中修改
obj.name = "Bob"; // 修改obj对象的name属性，实际上是在堆内存中修改
console.log(obj); // 输出：{ name: 'Bob', age: 25 }

// 引用类型的赋值实际上是复制引用，而不是复制数据本身
let newObj = obj; // newObj和obj都引用了同一个堆内存中的对象
newObj.age = 30; // 修改newObj对象的age属性，实际上也是在堆内存中修改
console.log(obj); // 输出：{ name: 'Bob', age: 30 }，因为obj和新Obj引用的是同一个对象