理解 JavaScript 中的栈和堆-js教程-PHP中文网

理解 JavaScript 中的栈和堆

花韻仙語

发布： 2024-10-14 08:06:10

转载

809人浏览过

理解 javascript 中的栈和堆

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

堆栈
堆

*什么是栈和堆*
堆栈：堆栈用于静态内存分配，主要用于存储基本类型和函数调用。它是一个简单的后进先出 (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)

登录后复制

在此示例中：

PHPEIP

PhpEIP企业信息化平台主要解决企业各类信息的集成，能把各种应用系统(如内容管理系统，网上商城，论坛系统等)统一到企业信息化平台中，整个系统采用简单易用的模板引擎，可自定义XML标签，系统采用开放式模块开发，符合开发接口的模块可完全嵌入到平台;内容管理模块可自定义内容模型，系统自带普通文章模型和图片集模型，用户可以定义丰富的栏目构建企业门户，全站可生成静态页面，提供良好的搜索引擎优化;会员管理模

查看详情

立即学习“Java免费学习笔记（深入）”；

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

登录后复制

在此示例中：

立即学习“Java免费学习笔记（深入）”；

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

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

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