什么是闭包
《JavaScript高级程序设计》：
闭包是指有权访问另一个函数作用域中的变量的函数；
《JavaScript权威指南》：
从技术的角度讲，所有的JavaScript函数都是闭包：它们都是对象，它们都关联到作用域链。
《你不知道的JavaScript》：√
当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。
个人理解
当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，造成内存泄露. 闭包的本质就是函数嵌套，内部函数可以引用外部函数的参数和变量，参数和变量不会被回收机制回收。
内部的函数被返回到外部，必然形成闭包
function a(){
function b(){
var b = 234;
console.log(a);
}
var a = 123;
return b;
}
var demo = a();
demo(); // -->123
function test1(){
var num = 100;
function test2(){
num ++;
console.log(num);
}
return test2;
}
var demo1 = test1();
demo1(); //101
demo1(); //102
//
function test(){
var arr = [];
for(var i = 0; i < 10; i++){//当i = 10的时候循环停止
arr[i] = function(){ //arr的每一位都是一个函数
console.log(i);//虽然函数已经定义，但未执行
}
}
return arr;
}
var myArr = test();
for(var i = 0; i < myArr.length; i++ ){
myArr[i]();
}
最后函数执行的时候会调用test的AO中的i
AO{
i = 10;
}
解决方案：立即执行函数
function test() {
var arr = [];
for(var i = 0; i < 10; i++) {
(function(j) {
arr[j] = function() {
console.log(j);} }(i))
}
return arr;
}
var myArr = test();
for(var i = 0; i < myArr.length; i++) {
myArr[i]();
}
闭包应用
- 实现公有变量
eg:函数累加器
function add(){
var count = 0;
function demo(){
count ++ ;
console.log(count);
}
return demo;
}
var counter = add();
counter();
- 可以做缓存
eg:eater
function test2(){
var food = 'apple';
var obj = {
eatFood : function(){
if(food != ""){
console.log("I am eatting " + food);
food = '';
}else{
console.log("There is nothing! empty!");
}
},
pushFood : function(myFood){
food = myFood;
}
}
return obj;
}
var obj = test2();
obj.eatFood();
obj.eatFood();
obj.pushFood('banana');
obj.eatFood();
- 可以实现封装，属性私有化
eg: Person();