【转】JavaScript闭包

时间:2024-05-19 11:33:20
使用外部变量的函数就是闭包,闭包可以给我们带来一些便利,就是可以在高等级的作用域使用低等级作用域中的变量:
例:
var data = [];
function demo(){
var data = [];
return{
add:function(a){
data.push(a);
},
print:function(){
console.log("printing...");
console.log(data);
console.log("------");
}
}
}
var tool = demo();
tool.add(1);
tool.add(2);
tool.add(3);
tool.print();//[1, 2, 3]
console.log(data);
运行结果:
printing...
[1, 2, 3]
------
[]
我们可以利用demo函数里面的data来存储我们的信息而且不用担心它被破坏(demo里面的data被私有化),而且我们也可以在外部在声明一个同名的data来存储别的信息,这两个不会产生任何冲突。
闭包也可以帮我们解决一些小问题:
for(var i=0;i<4;i++){
setTimeout(function(){
console.log(i);
});
}
  我们预期的结果是打印当前循环的i值结果输出全是4。先解释一下出现这么情况的原因:JS是一种单线程的语言,而setTimeout是异步的,只有当我们的代码执行完成以后setTimeout的处理函数才会执行,而执行的时候i的值已经是4了所以最终的输出全是4。
  我们可以通过闭包来解决这一问题:
for(var i=0;i<4;i++){
(function(i){
setTimeout(function(){
console.log(i);
});
}(i))
}
  闭包可以形成一个独立的作用域这样每次循环都会有一个独立的函数作用域,循环完成后虽然i的值仍然是4但是setTimeout的处理函数在寻找i的时候会优先找到作为参数的i,而每一个参数i都表示当次循环的i,利用闭包我们可以完美的解决这种问题。
  在我们实际开发的过程中,遇到这种情况我们就可以通过闭包来解决,我们所说的"这种情况"通常有三个特点:
  1.首先有一个循环
  2.循环里面会创建函数,并且函数是延后执行的
  3.这些延后执行的函数会使用一个共同的变量,并且这个共同的变量和当前的循环值有关系
  我们按照这个规律套一下上面的代码:
  循环有了,每次循环也会生成一个函数,这些函数也都是在循环完成后才能执行,而且每一个函数都使用共同的i,而i就是当前的循环值,正好符合我们的三个特点。我们通过(function(){}())这种方式(匿名函数自执行)来形成一个闭包达到我们预期的目的。