闭包
闭包大致可以简单理解为一种能在函数外部访问函数内的变量或者数据,让作用域链延长不释放。(自己的理解可能不严谨)
闭包的作用:缓存数据,延长作用域链
闭包的优点:缓存数据,不易造成全局变量污染
闭包的缺点:容易内存溢出
function outer(){
var num = 100;
function enter(){
document.write(num);
}
return enter;
}
var getEnter = outer();
getEnter();//界面输出100
代码为:把outer的函数执行返回值赋给getEnter变量,因为outer函数的返回值为enter函数,然后执行getEnter所赋予的函数。
在整个过程中outer函数执行中因为内部函数enter牵扯着变量num,导致outer执行完时作用域链并没有断被enter牵扯,最后从执行getEnter:enter的函数,函数从outer的AO找寻需要的变量num,最后输出100
普通的函数在执行完函数后会把作用域链断开,销毁,等待下一次执行。而闭包中会把因为内部函数的牵扯或者外部访问中延长作用域链的使用过程,以及变量的作用。
function out(){
var n = 999;
nAdd = function(){
n ++;
console.log(n);
}
console.log(n);
}
var getN = out();//999
nAdd();//1000
再看这个代码,也是闭包。闭包并不是非需要return来进行访问函数内部,在函数中定义全局变量并赋予函数,从外部调用这个变量的函数同样也会造成作用域链延长。
闭包和立即执行函数
function test1(){
var arr = [];
for(var i = 0; i < 3;i++){
(function(j){
arr[j] = function (){
console.log(j);
}
}(i));
}
return arr;
}
var myArr = test1();
myArr[0]();//0
myArr[1]();//1
myArr[2]();//2
如以上闭包代码,在后面返回数组调用其中各自的函数中,如果不用一个及时函数,数组中三个函数都牵扯的是一个变量i。用了立即执行函数包裹数组添加函数步骤,并在调用中添加立即执行函数形参和实参这样在里面的循环添加函数调用时牵扯的作用域链为各自单独的。