这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript 避免内存泄露及内存管理技巧, 主要包括了 delete 应用、闭包、DOM 泄露、Timers 计(定)时器泄露等等, 需要的朋友可以参考下
本文实例讲述了 JavaScript 避免内存泄露及内存管理技巧,非常实用。分享给大家供大家参考之用。具体方法如下:
本文内容源自谷歌 webPerf(伦敦 WebPerf 集团),2014 年 8 月 26 日。
一般来说,高效的 JavaScript Web 应用必须流畅,快速。与用户交互的任何应用程序,都需要考虑如何确保内存有效使用,因为如果消耗过多,页面就会崩溃,迫使用户重新加载。而你只能躲在角落哭泣。
自动垃圾收集是不能代替有效的内存管理的,特别是在大型,长时间运行的 Web 应用程序中。本文中,我们将演示如何通过 Chrome 的 DevTools 对内存进行有效的管理。
并了解如何解决性能问题,如内存泄漏,频繁的垃圾收集暂停,和整体内存膨胀,那些真正让你耗费精力的东西。
Addy Osmani 在他的 PPT 中展示了很多会在 Chrome V8 中产生内存泄漏的示例:
1) Delete 一个 Object 的属性会让此对象变慢(多耗费 15 倍的内存)
- var o = {
- x: 'y'
- };
- delete o.x; //此时o会成一个慢对象
- o.x; //
- var o = {
- x: 'y'
- };
- o = null; //应该这样
2) 闭包
在闭包中引入闭包外部的变量时,当闭包结束时此对象无法被垃圾回收(GC)。
- var a = function() {
- var largeStr = new Array(1000000).join('x');
- return function() {
- return largeStr;
- }
- }();
3) DOM 泄露
当原有的 COM 被移除时,子结点引用没有被移除则无法回收。
- var select = document.querySelector;
- var treeRef = select('#tree');
- //在COM树中leafRef是treeFre的一个子结点
- var leafRef = select('#leaf');
- var body = select('body');
- body.removeChild(treeRef);
- //#tree不能被回收入,因为treeRef还在
- //解决方法:
- treeRef = null;
- //tree还不能被回收,因为叶子结果leafRef还在
- leafRef = null;
- //现在#tree可以被释放了。
4) Timers 计(定)时器泄露
定时器也是常见产生内存泄露的地方:
- for (var i = 0; i < 90000; i++) {
- var buggyObject = {
- callAgain: function() {
- var ref = this;
- var val = setTimeout(function() {
- ref.callAgain();
- }, 90000);
- }
- }
- buggyObject.callAgain();
- //虽然你想回收但是timer还在
- buggyObject = null;
- }
5) 调试内存
Chrome 自带的内存调试工具可以很方便地查看内存使用情况和内存泄露:
在 Timeline -> Memory 点击 record 即可:
希望本文所述对大家 javascript 程序设计的学习有所帮助。
来源: http://www.phperz.com/article/17/0418/274858.html