前端v8内存管理

mac2026-04-12  7

主要知识点

解析:v8是js运行的引擎为什么我们要关注内存v8引擎的机制v8内存分配内存大小 老生代问题新生代如何晋升到老生代02、v8是如何处理变量的变量处理优化内存的技巧(变量)防止内存泄漏 总结

解析:v8是js运行的引擎

v8引擎如何回收垃圾如何查看v8内存使用情况内存优化实例

为什么我们要关注内存

防止页面占用内存过大,引起客户端卡顿,甚至无响应Node使用的也是v8,内存对于后端服务的性能至关重要。因为服务的持久性,,后端很容易造成内存溢出面试

v8引擎的机制

v8内存分配

新生代内存空间分2块32MB(From)32MB(To) 特点:牺牲空间,获取时间

内存大小

和操作系统有关,64位为1.4G,32位为0.7G64位下的新生代空间64MB,老生代为1400MB32位下新生代的空间16MB,老生代700MB

为什么?

js最初设计是在浏览器上跑的,浏览器上的js不持久,1.4G完全够用。js回收垃圾的时候(回收变量),会暂停所有代码的执行,300mb需要0.5S

老生代问题

理解:老生代的处理方式:标记,删除,整理

例子:1001(删),1002,1003(删),需要整理,1002=>填过去1001 耗费一定的时间

新生代如何晋升到老生代

理解:新生代已经复制过一次的,,然后还是话的,并且新生代空间(from或To)已使用25%,就可以变去老生代空间

02、v8是如何处理变量的

利用node来查看内存使用情况(上图)利用浏览器查看:window.performance命令 属性memory为使用情况 利用浏览器查看:调试器的Performance

变量处理

内存主要就是存储变量等数据的局部变量当程序执行结束,且没有引用的时候就会随之消失全局对象会始终存活到程序运行结束

优化内存的技巧(变量)

尽量不要定义全局变量全局变量记得销毁 手动释放1.delete arr1;(不推荐,严格模式有问题)2.arr1 = undefind 或 arr1 = null 用匿名自执行函数变全局为局部尽量避免闭包 —错误的(是ie5留下来的误区)

防止内存泄漏

滥用缓存大内存量操作 大文件上传 (解决:分片,断电上传)

总结

现在js内存分2块:v8内存,老生代内存

内存大小:

和操作系统有关,64位为1.4G,32位为0.7G64位下的新生代空间64MB,老生代为1400MB32位下新生代的空间16MB,老生代700MB

老生代处理

老生代的处理方式:标记,删除,整理整理过后,才会被使用耗费一定的时间

老生代的: js引擎中对变量存储有2种位置:堆内存、栈内存

栈内存:存放Boolean、Number、String、Undefined、Null,**以及对象变量的指针堆内存:存Object 栈内存线性有序存储,容量小,系统分配效率高堆内存首先要在堆内存新分配存储区域,之后又要把指针存储到栈内存中,效率相对就要低一些了

v8内存处理,

分为From,To 2块内存第一次回收,把from活的数据 复制过去to里,然后清除from,下一次回收执行则to复制到from里,以此内推。特点,牺牲空间,节省时间,处理更快当其中一块内存达到25%了,已经复制过一次的,就会晋升到老生代空间

优化内存的技巧(变量)

尽量不要定义全局变量(全局变量会整个程序结束后才被清理)全局变量记得销毁 手动释放1.delete arr1;(不推荐,严格模式有问题)2.arr1 = undefind 或 arr1 = null 用匿名自执行函数变全局为局部尽量避免闭包 —错误的(是ie5留下来的误区)

防止内存泄漏

滥用缓存大内存量操作 大文件上传 (解决:分片,断电上传)

测试代码:

function getme(){ var men = process.memoryUsage(); var format = function(bytes) { return (bytes/1024/1024).toFixed(2)+"MB" } console.log('heapTotal:' + format(men.heapTotal)+'heapUsed:'+format(men.heapUsed)); } var size = 20*1024*1024; var arr1 = new Array(size); //极限8个 getme()
最新回复(0)