加载中...

内存专题

  • JAVASCRIPT的内存回收机制
    • 以Google的V8引擎为例，在V8引擎中所有的JAVASCRIPT对象都是通过堆来进行内存分配的。当我们在代码中声明变量并赋值时，V8引擎就会在堆内存中分配一部分给这个变量。如果已申请的内存不足以存储这个变量时，V8引擎就会继续申请内存，直到堆的大小达到了V8引擎的内存上限为止（默认情况下，V8引擎的堆内存的大小上限在64位系统中为1464MB，在32位系统中则为732MB）。
    • 另外，V8引擎对堆内存中的JAVASCRIPT对象进行分代管理。
      • 新生代。
        • 新生代即存活周期较短的JAVASCRIPT对象，如临时变量、字符串等
      • 老生代。
        • 老生代则为经过多次垃圾回收仍然存活，存活周期较长的对象，如主控制器、服务器对象等。
  • 垃圾回收算法。
    • 垃圾回收算法一直是编程语言的研发中是否重要的一环，而V8引擎所使用的垃圾回收算法主要有以下几种。
      • Scavange算法：通过复制的方式进行内存空间管理，主要用于新生代的内存空间；
      • Mark-Sweep算法和Mark-Compact算法：通过标记来对堆内存进行整理和回收，主要用于老生代对象的检查和回收。

  • 对象进行回收。

    • 引用。

      • 当函数执行完毕时，在函数内部所声明的对象不一定就会被销毁。

      • 引用(Reference)是JAVASCRIPT编程中十分重要的一个机制。

        • 是指代码对对象的访问这一抽象关系，它与C/C++的指针有点相似，但并非同物。引用同时也是JAVASCRIPT引擎在进行垃圾回收中最关键的一个机制。

          var val = 'hello world';
function foo() {
  return function() {
    return val;
  };
}
global.bar = foo();

        • 当代码执行完毕时，对象val和bar()并没有被回收释放，JAVASCRIPT代码中，每个变量作为单独一行而不做任何操作，JAVASCRIPT引擎都会认为这是对对象的访问行为，存在了对对象的引用。为了保证垃圾回收的行为不影响程序逻辑的运行，JAVASCRIPT引擎不会把正在使用的对象进行回收。所以判断对象是否正在使用中的标准，就是是否仍然存在对该对象的引用。

        • JAVASCRIPT的引用是可以进行转移的，那么就有可能出现某些引用被带到了全局作用域，但事实上在业务逻辑里已经不需要对其进行访问了，这个时候就应该被回收，但是JAVASCRIPT引擎仍会认为程序仍然需要它。
  • IE下闭包引起跨页面内存泄露。

  • JAVASCRIPT的内存泄露处理

    • 给DOM对象添加的属性是一个对象的引用。

      var MyObject = {};
document.getElementByIdx_x('myDiv').myProp = MyObject;

      解决方法：在window.onunload事件中写上:

      document.getElementByIdx_x('myDiv').myProp = null;

    • DOM对象与JS对象相互引用。

      function Encapsulator(element) {
   this.elementReference = element;
   element.myProp = this;
}
new Encapsulator(document.getElementByIdx_x('myDiv'));

      解决方法：在onunload事件中写上:

      document.getElementByIdx_x('myDiv').myProp = null;

    • 给DOM对象用attachEvent绑定事件。

      function doClick() {}
element.attachEvent("onclick", doClick);

      解决方法：在onunload事件中写上:

      element.detachEvent('onclick', doClick);

    • 从外到内执行appendChild。这时即使调用removeChild也无法释放。

      var parentDiv =   document.createElement_x("div");
var childDiv = document.createElement_x("div");
document.body.appendChild(parentDiv);
parentDiv.appendChild(childDiv);

      解决方法：从内到外执行appendChild:

      var parentDiv =   document.createElement_x("div");
var childDiv = document.createElement_x("div");
parentDiv.appendChild(childDiv);
document.body.appendChild(parentDiv);

    • 反复重写同一个属性会造成内存大量占用(但关闭IE后内存会被释放)。

      for(i = 0; i < 5000; i++) {
   hostElement.text = "asdfasdfasdf";
}

      这种方式相当于定义了5000个属性，解决方法：无。

  • 内存不是缓存。
    • 不要轻易将内存当作缓存使用。
    • 如果是很重要的资源，请不要直接放在内存中，或者制定过期机制，自动销毁过期缓存。
  • CollectGarbage。
    • CollectGarbage是IE的一个特有属性,用于释放内存的使用方法,将该变量或引用对象设置为null或delete然后在进行释放动作，在做CollectGarbage前,要必需清楚的两个必备条件:（引用）。
      • 一个对象在其生存的上下文环境之外，即会失效。
      • 一个全局的对象在没有被执用(引用)的情况下，即会失效
还没有评论.