js的闭包

闭包的含义：

闭包：当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，照成内存泄漏。

例：

function a(){var num = 100;function b(){num ++; console.log(num);}return b;
}
//此处产生了闭包
var demo =  a();
demo(); //101
demo(); //102

闭包的作用：

 闭包的作用：

         1.实现共有变量。

         2.可以做缓存。

         3.可以实现封装，属性私有化。

         4.模块化开发，防止污染全局变量。

1.实现共有变量： 

function test(){var num = 100; //共有变量function a(){num ++;console.log(num);}function b(){num --console.log(num);}return [a,b];
}
var myArr = test();
myArr[0](); //101 
myArr[1](); //100

2.可以做缓存:

function eater(){var food = ""; var obj = {eat:function(){console.log("I am eating " + food);food = "";},push:function(myFood){food = myFood;}}return obj;
}
var eater1 = eater();
eater1.push("banana"); //缓存
eater1.eat();

立即执行函数：

//立即执行函数
//针对初始化功能的函数
(function (){var a = 123;var b = 123;console.log(a + b);
}())
var a = 10;
var b = 1;
var num = (function (a , b){return a + b;
}(a,b))
console.log(num);//11//格式：
//(function(){}()) 建议这种
//(function(){})()
//只有表达式才能被执行符号执行
var test = function(){console.log("a");
}();
//被执行符号的表达式，就会自动放弃函数名称，也就是能被执行符号执行的函数，就成了立即执行函数
console.log(test) //undefined
+ function test(){console.log('b');
}();
- function test(){console.log('c');
}();

闭包与立即执行函数的应用

希望输出0，1，2，3，4，5，6，7，8，9

function test(){var arr = [];for(var i = 0; i < 10; i++){arr[i] = function(){document.write(i + " ");}}return arr;
}
var myArr = test();
for(var j = 0;j<10;j++){myArr[j]();
}

结果输出: 10 10 10 10 10 10 10 10 10 10

这是为什么呢？

因为test函数形成闭包，即使test执行完之后被释放了，但是test的作用域链被函数function(){
            document.write(i + " ");
 }给连上了。myArr[j]()是在test结束之后执行的，所以myArr[j]()执行时都是输出10。

怎么解决这个问题呢？

如下：

function test(){var arr = [];for(var i = 0; i < 10; i++){(function (j){arr[j]  = function(){document.write(j + " ");}}(i))}return arr;
}
var myArr = test();
for(var j = 0;j<10;j++){myArr[j]();
}

其实就是把立即执行函数的执行期上下文，保存在function(){
                document.write(j + " ");
}的作用域链上，就是函数的作用域链上等于多了一个执行期上下文。但是这十个立即执行函数的不是一个对象。