JavaScript中栈和堆的区别及示例代码

在JavaScript中，栈（Stack）和堆（Heap）是两个重要的数据存储区域，用于管理变量和对象的内存分配。它们在内存结构和使用方式上有着明显的区别。

1. 栈（Stack）：
   栈是一种线性数据结构，它以后进先出（Last In, First Out）的方式管理数据。栈中的变量和函数都存储在一个叫做执行上下文栈的内存区域中。每当函数被调用时，一个新的执行上下文会被创建并推入栈中，当函数执行完毕后，对应的执行上下文会被弹出栈。这意味着栈内存的分配和释放是自动进行的。

栈的主要作用是保存函数调用时的上下文信息，例如函数参数、局部变量以及返回地址。由于栈的分配和释放速度非常快，所以适合存储较小的数据。

下面是一个使用栈存储变量的示例代码：

function foo() {
   
   
  var x = 10;