首页 > 代码库 > JS性能方面--内存管理

JS性能方面--内存管理

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即可:

 

JS性能方面--内存管理