理解 JavaScript 中的栈和堆

在 javascript 中，栈和堆是用于管理数据的两种类型的内存，每种都有不同的用途：

1. 堆栈
2. 堆

*什么是栈和堆*
堆栈：堆栈用于静态内存分配，主要用于存储基本类型和函数调用。它是一个简单的后进先出 (lifo) 结构，使其访问速度非常快。

堆：堆用于动态内存分配，其中存储对象和数组（非基本类型）。与堆栈不同，堆更复杂且访问速度更慢，因为它允许灵活的内存分配。

堆栈内存示例：

let myname = "amardeep"; //primitive type stored in stack 
let nickname = myname; // a copy of the value is created in the stack 
nickname = "rishu"; // now changing the copy does not affect the original value .
console.log(myname); // output => amardeep (original values remains unchanged since we are using stack)
console.log(nickname); // output => rishu (only the copied value will changed)

在此示例中：

• myname 作为原始类型存储在 stack 中。
• 当昵称被分配 myname 的值时，会在 stack 中创建该值的副本。
• 更改昵称不会影响 myname ，因为它们在内存中是独立的副本。

堆内存示例
现在让我们检查一下堆中如何管理非原始数据类型（对象）。

let userOne = {         // The reference to this object is stored in the Stack.
    email: "user@google.com",
    upi: "user@ybl"
};                      // The actual object data is stored in the Heap.

let userTwo = userOne;  // userTwo references the same object in the Heap.

userTwo.email = "amar@google.com"; // Modifying userTwo also affects userOne.

console.log(userOne.email); // Output: amar@google.com
console.log(userTwo.email); // Output: amar@google.com

在此示例中：

• userone 保存对存储在堆中的对象的引用。 -usertwo 被分配相同的引用，这意味着 userone 和 usertwo 都指向堆中的同一个对象。 -更改 usertwo.email 直接影响 userone.email，因为两个引用都指向内存中的同一位置。

要点
*堆栈内存 * 用于存储原始类型和函数调用。每次分配一个值时，都会在堆栈中创建一个新副本。
*堆内存 *用于存储对象和数组。引用同一对象的变量共享内存中的相同内存位置，因此更改一个变量会影响其他变量。

以上就是理解 JavaScript 中的栈和堆的详细内容，更多请关注其它相关文章！