深入内存原理谈JS中变量存储在堆中还是栈中

如你所知，JavaScript是一门高级编程语言，它通常被认为是一种解释型语言，这意味着变量在代码运行时被计算机直接处理，而不是像编译型语言一样在编译时分配内存。那么，JavaScript中的变量存储在哪里呢？这就需要深入了解内存的工作原理了。

内存的工作原理

内存可以看作是一块计算机储存数据的区域，它是所有运行的程序都需要的基本元素之一。通常，内存被分为堆内存和栈内存。下面我们来简单介绍一下它们的主要特点。

• 堆内存：堆内存是用于动态数据的分配内存方式，因为它允许变量的大小在运行时进行动态调整。这意味着堆内存的生命周期是不确定的，直到没有任何对它的引用，垃圾回收器才会将其释放。

• 栈内存：栈内存是一种先进后出的数据结构，它的数据是以相反的顺序插入和删除的。每当我们调用函数时，该函数的变量将会被创建在栈内存中，当该函数完成执行后，它创建的变量将从栈内存中被删除。

JS中变量存储在堆中还是栈中

JavaScript中的基本类型和String类型的变量是存储在栈内存中，因为它们的大小是固定的，也就是它们不能动态分配内存。

对于对象类型的变量，它们是存储在堆内存中，这是因为它们的大小不固定，需要动态分配内存才能够容纳它们。当我们定义一个对象时，只会在堆内存中分配一个指针变量，它指向实际的对象数据，而该对象数据存储在堆内存中。这个指针变量是存储在栈内的。

举个例子，在下面的代码中，变量a是一个数值类型，它存储在栈内存中，而变量b是个对象类型，它存储在堆内存中。

let a = 10;
let b = {x: 1, y: 2};

再看一个例子，下面的代码中，变量arr是一个数组类型，其中的数据存储在堆内存中，而变量index是一个数值类型，它存储在栈内存中。

let arr = [1, 2, 3];
let index = 0;

结论

JavaScript中的基本类型和String类型的变量是存储在栈内存中，而对象类型的变量是存储在堆内存中。当我们声明一个对象时，实际上在栈内存中声明的是一个引用类型的变量，指向的是堆内存中的真实对象。我们可以通过这个引用类型的变量来访问堆内存中的真实对象，这样既可以保存我们的内存空间，又可以确保我们可以方便地访问和修改该对象。

以上就是深入内存原理谈JavaScript中变量存储在堆中还是栈中的完整攻略。