用浏览器测试几种闭包占用内存的情况

var a = 12;function fn() {  var a = new Array(10000000).join('x');  return function () {    var b = 1 + a;  }}var f = fn();

结果，占用内存。

图一

例2

var oDiv = document.getElementById("div1");~function() {  var fn = function() {};  fn.data = new Array(10000000).join('x');  oDiv.  = fn;}();

var oDiv = document.getElementById("div1");~function() {  var fn = function() {};  fn.data = new Array(10000000).join('x');  // oDiv.  = fn;}();

结果就是这样了，局部作用域中的函数fn被销毁了。

图二

例3

function fn(){  var a = new Array(10000000).join('x');  return function(){    var b = 1 + a;  }}fn();

结果同图二，返回函数没有被全局变量接住。

例4

这是一个延时销毁的例子。

function fn(){  var a = new Array(10000000).join('x');  return function(){    var b = 1 + a;  }}fn()();

测试内存结果同图一。

然后让程序运行完成，测试内存的结果就变成了图二。

例5

var fn;function foo() {  var a = new Array(10000000).join('x');  function baz() {    var b = 1 + a;  }  fn = baz;}foo();

结果同图一。

例6

function fn() {  var a = new Array(10000000).join('x')  return function () {    console.log("test");  }}var f = fn();

结果同图二，没有被返回的函数使用，销毁。

例7

function fn() {  var a = new Array(10000000).join('x')  var b = new Array(10000000).join('x')  return function () {    var b = 1 + a;  }}var f = fn();

结果同图一，被返回的函数使用的变量被储存了，没有被使用的被销毁了。

例8

function fn() {  var a = new Array(10000000).join('x');    function another() {    var b = 1 + a;  }    return function() {    console.log("test");  };}var f = fn();

结果同图一，变量没有被除返回函数之外的其他函数使用，依然会有内存被占用。

例9

function fn() {  var a = new Array(10000000).join('x');  return function(a) {    var b = 1 + a;  }}var f = fn();