原文链接:https://www.cnblogs.com/JIANGCHEN520/p/7118656.html
那么闭包的定义到底是什么了。大家一定要注意,不是说能够访问到其他作用域的变量就是闭包,这是很笼统的。准确来说,闭包是基于正常的垃圾回收处理机制下的。也就是说,一般情况一个函数(函数作用域)执行完毕,里面声明的变量会全部释放,被垃圾回收器回收。但闭包利用一个技巧,让作用域里面的变量,在函数执行完之后依旧保存没有被垃圾回收处理掉。
function foo(x) {
var tmp = 3;
return function (y) {
alert(x + y + (++tmp));
}
}
var bar = foo(2); // bar 现在是一个闭包
bar(10);
在foo中,声明一个变量tmp,他属于foo作用域下的变量。函数返回一个函数,这个函数被嵌套,函数内部弹出x+y(++tmp)。这是个人都看得懂啊,那为什么会出现闭包,怎么出现的了。这接下来就是看执行的过程了,首先执行var bar = foo(2);那么foo就执行了,参数2也传进去了,但是执行完毕之后,tmp变量以及参数x就已经被释放回收了吗?并没有,因为返回值里面还等待使用这些变量咯,所以此时,foo虽然执行了,但是foo的变量并没有被释放,在return在等待继续使用这些变量了,这个时候bar就是一个闭包;然后我们再执行bar,结果是16,这就是闭包的神奇之处,它改变了JS的内存机制有木有。
然后我们再看看长得很像闭包的形式
function foo(x) {
var tmp = 3;
function bar(y) {
alert(x + y + (++tmp));
}
bar(10);
}
foo(2)
如果按照某些教程说的,可以父级作用域访问子级作用域的变量,foo在全局中执行,执行过程中未必没有访问局部变量?访问到了吧,但他不是闭包。函数foo执行,执行完执行完毕之后没我再执行的时候,是不是里面的tmp,bar函数又重新声明了。那么根本就没有阻止foo作用域中的变量被垃圾回收吧,那怎么又叫做闭包了?
var btnList = document.getElementsByClassName("btn"),
len = btnList.length;
for(var i = 0;i<len;i++){
(function(j){
btnList[j].onclick = function(){
console.log("第"+j+"个按钮被点击到了")
}
})(i)
}
function createFunction(){
var result = new Array();
for( var i = 0; i <10; i++){
result[i] = function(){
return i;
};
}
console.log(i) //10
return result;
}
var aa = createFunction();
console.log(aa[0]());//10
console.log(aa[1]());//10
function createFunction1(){
var result = new Array();
for( var i = 0; i <10; i++){
result[i] = function(num){
return function(){
return num;
};
}(i);
}
return result;
}
var bb = createFunction1();
console.log(bb[0]());//0
console.log(bb[1]());//1
我们没有直接将闭包赋值给数组,而是定义了一个匿名函数,并将立即执行该匿名函数的结果赋值给数组。对于立即执行的匿名函数来说,由于外部无法引用它内部的变量,因此在执行完后很快就会被释放。所以这里的匿名函数有一个参数num,也就是最终的函数要返回的值。在调用每个匿名函数时,我们传入了变量i。由于函数是按值传递的,所以会将变量i的当前值赋值给参数num,而这个匿名函数内部,又创建并返回了一个返回num的闭包。这样一来,result数组中的每个函数都有自己num的一个副本,因此就可以返回各自不同的数值了。