关于JavaScript的内存泄漏的思考

var serverData = loadData();
setInterval(function() {
    var renderer = document.getElementById(‘renderer‘);
    if(renderer) {
        renderer.innerHTML = JSON.stringify(serverData);
    }
}, 5000); // 每 5 秒调用一次

var theThing = null;
var replaceThing = function () {
  var originalThing = theThing;
  var unused = function () {
    if (originalThing) // 对于 ‘originalThing‘的引用
      console.log("hi");
  };
  theThing = {
    longStr: new Array(1000000).join(‘*‘),
    someMethod: function () {
      console.log("message");
    }
  };
};
setInterval(replaceThing, 1000);

var theThing = null; 
var replaceThing = function（）{ 
  var originalThing = theThing; 
  //定义一个引用originalThing但不会
  //实际被调用的闭包。但是因为这个闭包存在，所以
  // originalThing将在词汇环境中用于在replaceThing中定义的所有//闭包，而不是在其中进行优化
  //。如果删除此功能，则无泄漏。
  var unused = function（）{ 
    if（originalThing）
      console.log（“hi”）; 
  }; 
  theThing = { 
    longStr：new Array（1000000）.join（‘*‘），
    //虽然这个
    //函数理论上可以访问originalThing ，但它显然不会使用它。但是因为
    // originalThing是词法环境的一部分，someMethod 
    //将保存对originalThing的引用，所以即使我们
    //正在用无效的方式替换theThing 
    //引用旧的值ofThing，旧值
    //永远不会被清理干净！
    someMethod：function（）{} 
  }; 
  //如果在这里添加`originalThing = null`，则没有泄漏。
}; 
setInterval（replaceThing，1000）;

var elements = {
    image: document.getElementById(‘image‘)
};
function doStuff() {
    elements.image.src = ‘http://example.com/image_name.png‘;
}
function removeImage() {
    document.body.removeChild(document.getElementById(‘image‘));
    // 这个时候我们对于 #image 仍然有一个引用, Image 元素, 仍然无法被内存回收. 
}