js闭包是很多语言都具备的特性,在js中,闭包主要涉及到js的几个其他的特性:作用域链,垃圾(内存)回收机制,函数嵌套,等等。
在Javascript中闭包(Closure),有两个特点:作为一个函数变量的一个引用 - 当函数返回时,其处于激活状态;一个闭包就是当一个函数返回时,一个没有释放资源的栈区。
所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
来看一个错误的js闭包的介绍:
function f(){
var a =[];
var i;
for(i=0;i<3;i++){
a[i] = function(){
alert(i);
return i;
}
}
return a;
}
var a = f();
a[0]();//3
a[1]();//3
a[2]();//3
知道为什么是错误的吗?
照常理来说我们理想的值应该是0,1,2;但是却不是的,为什么呢?其实我们在循环的过程中忘记做一件事,那就是去保留原来在数组a[i]的值,它没有保留原来的值,而是把原来的值拿去循环了,所以循环后的最终结果就是a[i]要输出的最终结果,那我们要怎么正确的去写呢?来看代码:
function f() {
var a = [];
var i;
for(i = 0; i < 3; i++) {
a[i] = (function(x){
return function(){
alert(x);
return x;
}
})(i);
}
return a;
}
var a = f();
a[0]();//0
a[1]();//1
a[2]();//2
想知道为什么对了吗?我们可以看到,这串代码和刚才的代码我们多添加一个输出的方法,那是该闭包最后执行的作用域,我们把循环的结果都保存到(return function(){
alert(x);
return x;
})里面去这样一来我们的想要输出i的值就可以通过该闭包去输出,x是干什么的很多初学js的人不知道,没关系,x其实是我想代替i去执行的局部变量,明白了吧,是不是很简单啊,你们有没有发现父作用域和原来的不一样了,其实不是的,我只是在输出之前让i执行了一个自调用函数,不懂自调用函数的可以到时候问我,或者到官方js论坛去看;如果不明白上面的不要紧,我们来写个更简单的吧!!!看好了哦
function f() {
function makeClosure(x) {
return function(){
return x;
alert(x);
}
}
var a = [];
var i;
for(i = 0; i < 3; i++) {
a[i] = makeClosure(i);
}
return a;
}