前言
在 JavaScript 编程中，数据类型的存储方式是一个既基础又关键的知识。简单数据类型和复杂数据类型在内存中的存储机制截然不同，而这背后隐藏的栈内存与堆内存的奥秘，深刻影响着我们编写代码时的数据存储与操作方式。理解它们的工作原理，不仅能帮助我们写出更高效的代码，还能在调试和优化过程中占据主动。
简单数据类型：栈内存中的 “直来直往”
1.定义
- 简单数据类型：
undefined、null、boolean、number、string、symbol、bigint。(其余均为引用类型) - 存储特点：它们的值直接存储在栈内存中。
栈内存就像是一个整齐排列的小仓库，每个数据都有自己固定的位置，查找和管理都非常方便。
2.声明
由于栈内存的空间是连续分配的，所以对简单数据类型的访问速度极快。例如，当我们声明一个变量并赋值为数字时：
let num = 10;
num这个变量在栈内存中直接存储了数值10。当我们对num进行操作，如进行加法运算num = num + 5时，也是直接在栈内存中找到num对应的存储位置，更新其值为15。
3.赋值
简单数据类型在赋值时采用值传递的方式。也就是说，当我们将一个简单数据类型的变量赋值给另一个变量时，会在栈内存中创建一个新的副本。例如：
let a = 5;
let b = a;
b = 10;
console.log(a); // 5
console.log(b); // 10
在这个过程中，b被赋值为a的值时，b在栈内存中有了自己独立的存储位置，后续对b的修改不会影响到a，因为它们是两个不同的副本。
复杂数据类型：堆内存与栈内存的 “协作演出”
1.定义
- 复杂数据类型:
object、array、function、date等。 - 存储特点：需要栈内存和堆内存的协作。
复杂数据类型的对象本身存储在堆内存中。堆内存就像是一个庞大而松散的仓库，空间不连续，对象在其中动态分配内存。而变量在栈内存中存储的是一个引用地址，这个地址指向堆内存中实际存储对象的位置。
2.声明
以创建一个对象为例：
let person = { name: 'Alice', age: 25 };
在这个过程中，对象{ name: 'Alice', age: 25 }被存储在堆内存中，而变量person在栈内存中存储的是指向该对象在堆内存中位置的引用地址。
当我们访问对象的属性，如person.name时，JavaScript 引擎会先在栈内存中找到person变量对应的引用地址，然后根据这个地址在堆内存中找到对象，进而获取name属性的值。
3.赋值
复杂数据类型在赋值时采用地址传递（引用式的赋值）。当我们将一个复杂数据类型的变量赋值给另一个变量时，实际上是将栈内存中的引用地址进行了复制。例如：
let obj1 = { value: 10 };
let obj2 = obj1;
obj2.value = 20;
console.log(obj1.value); // 20
console.log(obj2.value); // 20
这里obj2被赋值为obj1后，它们在栈内存中存储的是相同的引用地址，都指向堆内存中的同一个对象。所以，当修改obj2的属性时，obj1的属性也会随之改变，因为它们操作的是同一个对象。
小拓展：为什么array在js中属于复杂数据类型呢？而在其他语言中属于简单数据类型？
- 区别：
JavaScript 数组是对象（继承自Object.prototype），允许动态增减元素、添加任意属性和方法。 JavaScript 是弱数据类型，变量到底属于那种类型，只有赋值之后，我们才能确认。与其他语言（如 Java/C++）的固定长度、单一类型数组不同，JS 数组无需预定义长度，可存储任意类型数据（如[1, "a", {x: 1}]）。 JavaScript 数组元素存储在堆内存中，通过引用地址访问，动态扩容时可能触发内存重分配。
理解内存机制：优化代码的关键
了解简单数据类型和复杂数据类型在栈内存与堆内存中的存储方式，对于编写高效的 JavaScript 代码至关重要。在实际开发中，我们可以根据数据类型的特点，合理地进行内存管理和性能优化。
例如，在频繁进行数据操作时，尽量使用简单数据类型，因为它们的访问速度更快；而对于需要存储大量结构化数据的场景，使用复杂数据类型更为合适，但要注意避免不必要的引用传递导致的意外数据修改。同时，理解内存机制也能帮助我们更好地理解let、const等变量声明关键字在处理不同数据类型时的表现，让我们在编写代码时更加得心应手。
深入探索 JavaScript 内存中栈与堆的奥秘，是每一位开发者提升编程能力、写出高质量代码的必经之路。掌握这些知识，我们就能在开发过程中更加游刃有余，轻松应对各种复杂的编程场景。
