Javascript闭包
闭包严格地定义是由函数及其封闭的自由变量组成的集合体
,这个定义是不是感觉晦涩那么懂,那么就先来看一个例子。
var getCounter = function() {
var count = 0;
function addCount() {
count++;
return count;
}
return addCount;
}
var counter = getCounter();
console.log(counter()); // 输出1
console.log(counter()); // 输出2
console.log(counter()); // 输出3
var counter1 = getCounter();
console.log(counter1()); // 输出1
console.log(counter1()); // 输出2
console.log(counter1()); // 输出3
在这段代码中,函数getCounter()中有一个局部变量 count,初值为0。还有一个叫 addCount() 的函数。addCount将父作用域getCounter()函数中的count变量加1,并返回count的值。getCounter()的返回值是addCount函数。在外部我们通过counter和counter1变量调用了getCounter()并获取了它的返回值,这样反复调用几次,我们发现每次返回值都增加了1。
仔细分析一下上面的例子,按照我们习惯性的思维,count是函数getCounter()内部的变量,它的生命周期就是getCounter()函数被调用的时期,当函数getCounter()返回时,count变量申请的空间也就被释放。但是,事实并不是这样,在函数getCounter()调用结束后,counter和counter1还引用了count变量,而且非但没有出错,反而每次调用counter和counter1时还修改并返回了 count。这是怎么回事呢?
这正是所谓闭包的特性。当一个函数返回它内部定义的一个函数时,就产生了一个闭包,闭包不但包括被返回的函数,还包括这个函数的定义环境。上面例子中,当函数getCounter() 的内部函数 addCount被一个外部变量 counter 引用时,counter 和getCounter() 的局部变量就是一个闭包。