[原]详细分析 javascript 的内存分配

时间 2019-12-06

标签详细分析 javascript 内存分配栏目 JavaScript 繁體版

原文原文链接

JavaScript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回javascript

收机制(GC:Garbage Collecation).一般咱们使用new建立对象,GC负责回收对象占用内存区域.所以了解GC,能够加深对JavaScript垃圾回收html

机制的理解。java

1.用局部变量和全局变量解释GC程序员

GC在回收内存时,首先会判断该对象是否被其它对象引用.在肯定没有其它对象引用便释放该对象内存区域.所以如何肯定对象再也不被引用是算法

GC的关键所在.数组

1. <script> 数据结构

2. function aa(){ 函数

3. this.rr = "弹窗"; this

4. } spa

5. function bb(){

6. this.rr = "弹窗";

7. }

9. var b1;

10. function cc(){

11. var a1 = new aa();

12. b1 = new bb();

13. return b1;

14. }

15.

16. cc();

17. alert(b1.rr)

18. </script>

如上代码中，执行完cc()后a1被回收了,此后咱们能够经过b1.rr弹出文字窗口.在一些基础书籍中解释为:a1为局部变量,b1是全局变量.局部

变量执行完后会被GC回收.但不全是这样,以下代码:

1. <script>

2. function aa(){

3. this.rr = "弹窗";

4. }

5. function bb(){

6. this.rr = "弹窗";

7. }

9. function cc(){

10. var a1 = new aa();

11. var b1 = new bb();

12. return b1;

13. }

14.

15. var b1 = cc();

16. alert(b1.rr);

17. </script>

此时cc函数中的 a1,b1都是局部变量,但仍然会弹出文字窗口.说明b1并无被GC回收.所以JavaScript中局部变量不是全部时候都被GC回收的.

2.抽象理解GC

GC回收机制还须要近一步了解。在此时引入几个概念:双向链表,做用域链,活动对象(为了方便理解，简化了原文的概念

[http://softbbs.pconline.com.cn/9497825.html]), 其中双向链表描述复杂对象的上下层级关系. 做用域链与活动对象分别是双向链表

中的某个节点.以函数cc为例变量层级关系为:

1. window<=>cc<=>a1<=>rr

2. <=>b1<=>rr

(原文有详细解释)在执行cc()方法时，内存中变量的引用关系如上图,文字解释以下:

window的活动对象包括cc,假设window是顶级对象(由于运行中不会被回收)

cc的活动对象包括a1和b1,其做用域链是window

a1的活动对象包括rr,其做用域链是cc

b1的活动对象包括rr,其做用域链是cc

执行cc()时，cc的执行环境会建立一个活动对象和一个做用域链.其局部变量a1,b1都会挂在cc的活动对象中.当cc()执行完毕后，执行环境

会尝试回收活动对象占用的内存.但因局部变量b1 经过return b1,为其增长了一条做用域链:window<=>b1<=>rr,因此GC中止对b1回收.

所以若是想将一个局部变量/函数提高为全局的，为其增长一条做用域链就OK了。

同时控制好对象的做用域链也变得重要了.因做用域链会意外致使GC没法回收目标对象.例如:

1. <SCRIPT LANGUAGE="JavaScript">

2. <!--

3. //猫

4. function cat(name){

5. var zhuren ;

6. this.name = name;

8. //设置主人

9. this.addZhuRen = function(zr){

10. zhuren = zr;

11. }

12.

13. this.getZhuRen = function(){

14. return zhuren;

15. }

16. }

17.

18. //主人

19. function zhuren(name){

20. this.name = name;

21. }

22.

23. //建立主人:

24. var zr = new zhuren("zhangsan");

25. //建立猫

26. var cat1 = new cat("asan");

27. //设置该猫的主人

28. cat1.addZhuRen(zr);

29. //释放主人

30. zr = null ;

31. //此处还存在对主人对象的引用

32. alert(cat1.getZhuRen().name)

33. //-->

34. </SCRIPT>

了解javascript的人都知道数据的基本类型按大的分类有两种：原始值和引用值

　　在研习算法的时候会过多的和内存打交道；理解栈和堆的定义是很重要的，算法就是为了可以得到最大的效率

　　任何语言都是如此，javascript也不例外；在javascript中，我在把变量类型分为原始类型和引用类型。原始类型是放在栈即内存中，而引用类型这是放在堆中。在ECMAscript中，也是这么定义的。

　　栈

主要做用表现为一种数据结构，是只能在某一端插入和删除的特殊线性表。它按照后进先出的原则存储数据，先进入的数据被压入栈底，最后的数据在栈顶，须要读数据的时候从栈顶开始弹出数据（最后一个数据被第一个读出来）。

　　栈是容许在同一端进行插入和删除操做的特殊线性表。容许进行插入和删除操做的一端称为栈顶(top)，另外一端为栈底(bottom)；栈底固定，而栈顶浮动；栈中元素个数为零时称为空栈。插入通常称为进栈（PUSH），删除则称为退栈（POP）。栈也称为后进先出表。在这里用数组进行模拟栈的特性

　　栈能够用来在函数调用的时候存储断点，作递归时要用到栈！

var arr=[];//建立一个数组模拟栈

arr.push("a");//压入元素a

arr.push("b");//压入元素b

arr.pop();//弹出元素a

arr.pop();//弹出元素b

arr.push("c");//压入元素c

图谱解释：

从上图能够看出栈有着先进后出的特性；在栈中的数据直接能够访问，效率比较高

　　堆：

在程序中，堆用于动态分配和释放程序所使用的对象。在如下状况中调用堆操做：

　　　　1.事先不知道程序所需对象的数量和大小。

　　　　2.对象太大，不适合使用堆栈分配器。

　　堆使用运行期间分配给代码和堆栈之外的部份内存。

　　在javascript中，引用数据是放在堆中的，例如数组和对象，由于在javascript中，一切都是对象，对象能够进行扩展，放置在堆中能够进行不断的扩展，若是放在内存中就会消耗大量资源。放置在堆中的数据的查询效率比较低。这也是内存优于堆的好处，可是内存的存储空间要比堆的小不少。

function Car(id,name,price)

{

this.id=id;

this.name=name;

this.price=price;

}

var num=24;

var str="car";

var bol=false;

var obj={};

var arr=[1,2,3];

var car=new Car(1,"benze",230000);

图谱解释：

这样很清楚的知道栈和堆的区别；原始类型的数据放在栈中，引用类型的数据放在堆中。引用类型的数据同C中的指针很相似，咱们不能直接操做堆中的数据，咱们经过一个指针来引用这些数据进行操做，看以看做是远程操控。

　　　　栈与堆的区别：

1 效率的不一样

　　　　　　栈的效率比堆要高，栈中的数据直接可使用，而对则须要经过引用来进行操做，即栈的速度比堆快

2 空间存储不一样

堆的存储空间要比栈大

3 放置数据类型的不一样

[原]详细分析 javascript 的内存分配

网上代写程序员推荐