javascript的堆栈原理

首先说明一下Javascript的堆栈概念

堆&栈

两者都是存放临时数据的地方。

栈是先进后出的，就像一个桶，后进去的先出来，它下面本来有的东西要等其他出来之后才能出来。

堆是在程序运行时，而不是在程序编译时，申请某个大小的内存空间。即动态分配内存，对其访问和对一般内存的访问没有区别。对于堆，我们可以随心所欲的进行增加变量和删除变量，不用遵循次序。

栈区（stack）由编译器自动分配释放，存放函数的参数值，局部变量的值等。

堆区（heap）一般由程序员分配释放，若程序员不释放，程序结束时可能由OS回收。

堆（数据结构）：堆可以被看成是一棵树，如：堆排序；

栈（数据结构）：一种先进后出的数据结构。

数据类型访问&&复制

基本数据类型：基本数据类型值指保存在栈内存中的简单数据段。访问方式是按值访问。

var a = 1;

操作的是变量实际保存的值。

a = 2 ;

基本类型变量的复制：从一个变量向一个变量复制时，会在栈中创建一个新值，然后把值复制到为新变量分配的位置上。

var b = a;

b = 2 ;

引用数据类型：引用数据类型值指保存在堆内存中的对象。也就是，变量中保存的实际上的只是一个指针，这个指针指向内存中的另一个位置，该位置保存着对象。访问方式是按引用访问。

var a = new Object ();

当操作时，需要先从栈中读取内存地址，然后再延指针找到保存在堆内存中的值再操作。

a. name = 'xz' ;

引用类型变量的复制：复制的是存储在栈中的指针，将指针复制到栈中未新变量分配的空间中，而这个指针副本和原指针指向存储在堆中的同一个对象；复制操作结束后，两个变量实际上将引用同一个对象。因此，在使用时，改变其中的一个变量的值，将影响另一个变量。

var b = a;

b.sex = 'boy' ;

漏画了，差一条指针。b的引用指针也指向 object{sex:'boy'}

b.sex; // 'boy' a.name; // 'boy'

javascript的堆栈原理相关推荐

JavaScript异步编程原理
众所周知,JavaScript 的执行环境是单线程的,所谓的单线程就是一次只能完成一个任务,其任务的调度方式就是排队,这就和火车站洗手间门口的等待一样,前面的那个人没有搞定,你就只能站在后面排队等着. ...
JavaScript引擎工作原理解析
JavaScript引擎是什么想知道JavaScript引擎是什么,首先要知道JavaScript(简称js)是什么,相信对于屏幕前的你来说,js是干什么的已经不用再多说,但还是有必要介绍下Java ...
JavaScript 设计模式核⼼原理与应⽤实践之开篇：前端工程师的成长论
JavaScript 设计模式核⼼原理与应⽤实践之开篇:前端工程师的成长论能够决定一个前端工程师的本质的,不是那些瞬息万变的技术点,而是那些不变的东西. 所谓"不变的东西", ...
JavaScript 设计模式核⼼原理与应⽤实践之创建型：工厂模式·简单工厂——区分“变与不变”
JavaScript 设计模式核⼼原理与应⽤实践之创建型:工厂模式·简单工厂--区分"变与不变" 先来说说构造器在介绍工厂模式之前,为了辅助大家的理解,我想先在这儿给大家介绍 ...
JavaScript 设计模式核⼼原理与应⽤实践之创建型：工厂模式·抽象工厂——理解“开放封闭”
JavaScript 设计模式核⼼原理与应⽤实践之创建型:工厂模式·抽象工厂--理解"开放封闭" 一个不简单的简单工厂引发的命案在实际的业务中,我们往往面对的复杂度并非数个类 ...
JavaScript 设计模式核⼼原理与应⽤实践之单例模式——Vuex的数据管理哲学
JavaScript 设计模式核⼼原理与应⽤实践之单例模式--Vuex的数据管理哲学保证一个类仅有一个实例,并提供一个访问它的全局访问点,这样的模式就叫做单例模式. 单例模式的实现思路思考这样一个 ...
JavaScript 设计模式核⼼原理与应⽤实践之结构型设计模式
JavaScript 设计模式核⼼原理与应⽤实践之结构型设计模式结构型:装饰器模式--对象装上它,就像开了挂装饰器模式,又名装饰者模式.它的定义是"在不改变原对象的基础上,通过对其进 ...
JavaScript的工作原理
在学习Web前端的时候,有很多重要的知识点需要我们深刻理解并掌握实际运用场景.例如,JavaScript是Web前端人员必须要掌握的知识点之一,下面,为大家全面介绍JavaScript的工作原理,希望 ...
JavaScript高级浏览器的渲染原理与JavaScript代码执行原理
浏览器的渲染原理 1. 网页的解析过程 2. 浏览器内核 1. V8引擎 3. 浏览器渲染过程 1. HTML解析 2. 生成CSS规则 3. 构建Render Tree 4. 布局(layout) ...

javascript的堆栈原理

堆&栈

数据类型访问&&复制

javascript的堆栈原理相关推荐

最新文章

热门文章