JS中内存管理的示例分析

　　介绍

这篇文章将为大家详细讲解有关JS中内存管理的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强>前言

像C语言这样的底层语言一般都有底层的内存管理接口,比如malloc()和free()用于分配内存和释放内存。

而对于JavaScript来说,会在创建变量(对象,字符串等)时分配内存,并且在不再使用它们时“自动”释放内存,这个自动释放内存的过程称为垃圾回收。

因为自动垃圾回收机制的存在,让大多JavaScript开发者感觉他们可以不关心内存管理,所以会在一些情况下导致内存泄漏。

<强>内存生命周期

JS中内存管理的示例分析

JS环境中分配的内存有如下声明周期:
1。内存分配:当我们申明变量,函数,对象的时候,系统会自动为他们分配内存
2。内存使用:即读写内存,也就是使用变量,函数等
3。内存回收:使用完毕,由垃圾回收机制自动回收不再使用的内存

<强> JS的内存分配

为了不让程序员费心分配内存,JavaScript在定义变量时就完成了内存分配。

var  n =, 123,,//,给数值变量分配内存 　　var  s =,“azerty",,//,给字符串分配内存 　　 　　var  o =, { 　　,答:1, 　　,b: null 　　},,//,给对象及其包含的值分配内存//,给数组及其包含的值分配内存(就像对象一样) 　　var  a =, (1, null,,“abra"];, 　　 　　function  f () { 　　,return  a  +, 2; 　　},//,给函数(可调用的对象)分配内存//,函数表达式也能分配一个对象 　　someElement.addEventListener(& # 39;点击# 39;,,函数(){=,someElement.style.backgroundColor  & # 39;蓝# 39;; 　　},,假);

有些函数调用结果是分配对象内存:

var  d =, new 日期();,//,分配一个,Date 对象 　　 　　var  e =, document.createElement (& # 39; div # 39;);,//,分配一个,DOM 元素

有些方法分配新变量或者新对象:

var  s =,“azerty"; 　　var  s2 =, s.substr (0,, 3);,//, s2 是一个新的字符串//,因为字符串是不变量,//,JavaScript 可能决定不分配内存,//,只是存储了,(0 - 3),的范围。 　　 　　var  a =, (“ouais  ouais",,“nan  nan"]; 　　var  a2 =, (“generation",,“nan  nan"]; 　　var  a3 =, a.concat (a2);,//,新数组有四个元素,是,a 连接,a2 的结果

<强> JS的内存使用

使用值的过程实际上是对分配内存进行读取与写入的操作。

读取与写入可能是写入一个变量或者一个对象的属性值,甚至传递函数的参数。

var  a =, 10;,//,分配内存 　　console.log (a),,//,对内存的使用

<强> JS的内存回收

JS有自动垃圾回收机制,那么这个自动垃圾回收机制的原理是什么呢?
,其实很简单,就是找出那些不再继续使用的值,然后释放其占用的内存。

大多数内存管理的问题都在这个阶段。
,在这里最艰难的任务是找到不再需要使用的变量。

不再需要使用的变量也就是生命周期结束的变量,是局部变量,局部变量只在函数的执行过程中存在,
,当函数运行结束,没有其他引用(闭包),那么该变量会被标记回收。

全局变量的生命周期直至浏览器卸载页面才会结束,也就是说全局变量不会被当成垃圾回收。

因为自动垃圾回收机制的存在,开发人员可以不关心也不注意内存释放的有关问题,但对无用内存的释放这件事是客观存在的。
,不幸的是,即使不考虑垃圾回收对性能的影响,目前最新的垃圾回收算法,也无法智能回收所有的极端情况。

接下来我们来探究一下JS垃圾回收的机制。

<强>垃圾回收

<强>引用

垃圾回收算法主要依赖于引用的概念。

在内存管理的环境中,一个对象如果有访问另一个对象的权限(隐式或者显式),叫做一个对象引用另一个对象。

例如,一个Javascript对象具有对它原型的引用(隐式引用)和对它属性的引用(显式引用)。

在这里,“对象”的概念不仅特指Javascript对象,还包括函数作用域(或者全局词法作用域)。

<强>引用计数垃圾收集

这是最初级的垃圾回收算法。

引用计数算法定义”内存不再使用”的标准很简单,就是看一个对象是否有指向它的引用。

JS中内存管理的示例分析