详细分析 javascript 的内存分配

简介: JavaScript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回 收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对JavaScript垃圾回收 机制的理解。

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

收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对JavaScript垃圾回收

机制的理解。

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

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

GC的关键所在.

1.  <script>  

2.          function aa(){  

3.              this.rr = "弹窗";      

4.          } 

5.          function bb(){  

6.          this.rr = "弹窗";  

7.          } 

8.   

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.          } 

8.   

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;  

7.           

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 放置数据类型的不同

 

目录
相关文章
|
11天前
|
存储 Java
课时4:对象内存分析
接下来对对象实例化操作展开初步分析。在整个课程学习中,对象使用环节往往是最棘手的问题所在。
|
11天前
|
Java 编译器 Go
go的内存逃逸分析
内存逃逸分析是Go编译器在编译期间根据变量的类型和作用域,确定变量分配在堆上还是栈上的过程。如果变量需要分配在堆上,则称作内存逃逸。Go语言有自动内存管理(GC),开发者无需手动释放内存,但编译器需准确分配内存以优化性能。常见的内存逃逸场景包括返回局部变量的指针、使用`interface{}`动态类型、栈空间不足和闭包等。内存逃逸会影响性能,因为操作堆比栈慢,且增加GC压力。合理使用内存逃逸分析工具(如`-gcflags=-m`)有助于编写高效代码。
|
4月前
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
233 77
|
4月前
|
监控 JavaScript
选择适合自己的Node.js内存监控工具
选择合适的内存监控工具是优化 Node.js 应用内存使用的重要一步,它可以帮助你更好地了解内存状况,及时发现问题并采取措施,提高应用的性能和稳定性。
174 76
|
4月前
|
监控 JavaScript 数据库连接
解读Node.js内存监控工具生成的报告
需要注意的是,不同的内存监控工具可能会有不同的报告格式和内容,具体的解读方法可能会有所差异。因此,在使用具体工具时,还需要参考其相关的文档和说明,以更好地理解和利用报告中的信息。通过深入解读内存监控报告,我们可以不断优化 Node.js 应用的内存使用,提高其性能和稳定性。
125 74
|
4月前
|
存储 缓存 JavaScript
如何优化Node.js应用的内存使用以提高性能?
通过以上多种方法的综合运用,可以有效地优化 Node.js 应用的内存使用,提高性能,提升用户体验。同时,不断关注内存管理的最新技术和最佳实践,持续改进应用的性能表现。
192 62
|
4月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
355 62
|
4月前
|
JavaScript 前端开发 API
Vue.js与Angular的优劣分析
Vue.js和Angular都是非常流行的JavaScript框架,它们在构建现代Web应用程序方面各有优劣
137 64
|
4月前
|
存储 缓存 监控
如何使用内存监控工具来优化 Node.js 应用的性能
需要注意的是,不同的内存监控工具可能具有不同的功能和特点,在使用时需要根据具体工具的要求和操作指南进行正确使用和分析。
103 31
|
4月前
|
并行计算 算法 测试技术
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面,旨在通过综合策略提升程序性能,满足实际需求。
109 1

热门文章

最新文章