下面我们来看一段代码,清晰地展示了闭包:
function foo(){
var a=2;
function bar(){
console.log(a);
}
return bar;
}
var baz=foo();
baz() //2,这就是闭包
函数bar()的词法作用域能够访问foo()
的内部作用域,然后我们将bar()
函数本身当作一个值类型进行传递。在这个例子中,我们将bar
所引用的函数对象本身当作返回值。
在foo()
执行后,其返回值(也就是内部的bar()
函数)赋值给变量baz并调用baz(
),实际上只是通过不同的标识符引用调用了内部的函数baz()
.虽然baz()
被正常执行,但是它是在自己定义的词法作用域以外的地方执行。
由于存在引擎垃圾回收器来释放不再使用的内存空间,由于看上去foo()的内容不会再被引用,所以很自然地会考虑对其进行回收。
而闭包的神奇之处在于可以阻止这件事情的发生。所以内部作用域依然存在,而且就是baz()本身在使用。bar()
依然持有对该作用域(foo()
)的引用,而这个引用就叫做闭包。
当然,无论使用何种方式对函数类型的值进行传递,当函数在别处被调用时都可以观察到闭包。
function foo(){
var a=2;
function baz(){
console.log(a);//2
}
bar(baz);
}
function bar(fn){
fn(); //这就是闭包
}
把内部函数baz传递给bar,当调用这个内部函数是(现在叫做fn),它涵盖的foo()
内部作用域的闭包就可以观察到了,因为他能够访问a。
传递的函数当然也可以是间接的:
var fn;
function foo(){
var a=2;
function baz(){
console.log(a);
}
fn=baz;
}
function bar(){
fn();
}
foo();
bar(); //2
所以无论通过何种手段将内部函数传递到所在的词法作用域以外,它都会持有对原始定义作用域的引用,无论在何处执行这个函数都会使用闭包。
上面是为了可以解释如何使用闭包而故意在结构上加了些许修饰,下面我们来看日常使用到的闭包。
function wait(message){
setTimeout(function timer(){
console.log(message);
},1000);
}
wait("Hello,closure");
将一个内部函数(timer
)传递给setTimeout(...)
.timer
具有涵盖wait()
作用域的闭包,因此还保有对变量message
的引用。
在引擎内部,内置的工具函数setTimeout()
持有对一个参数的引用,这个参数也许叫做fn或者fnc,或者其他类似的名字。引擎会调用这个函数,
在例子中就是内部的timer函数,而词法作用域在这个过程保持完整。
再来看一个jq的:
function setupBot(name,selector){
$(selector).click(function activator(){
console.log("Activating:"+name);
});
}
setupBot("Closure Bot1","#bot_1");
setupBot("Closure Bot2","#bot_2");
本质上无论何时何地,如果将(访问他们各自词法作用域的)函数当作第一级的值类型并导出传递,你就会看到闭包在这些函数中的应用。在定时器、
事件监听器、Ajax请求、跨窗口通信,Web Workers或者任何其他异步(或者同步)任务中,只要使用了回调函数,实际上就是在使用闭包!
(参考《你不知道的JavaSctipt上卷》)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。