作用域闭包

来源:互联网 发布:音乐合成制作软件 编辑:程序博客网 时间:2024/06/05 07:14

一、定义

当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数实在当前词法作用域之外执行
例如:

function foo(){    var a = 2;    function bar(){    console.log(a);}return bar;}var baz = foo();baz();//2

函数bar()的词法作用域能访问foo()的内部作用域。然后我们将bar()函数本身当做一个值进行传递。在foo()执行后,通常会期待foo()的整个内部作用域被销毁,但是由于闭包的存在,阻止了内存回收。使得foo()的作用域能够一直存活,以供bar()在之后任何时间进行引用。

再看下面的例子:

function foo() {var a = 2;function baz() {console.log( a ); // 2}bar( baz );}function bar(fn) {fn(); // 妈妈快看呀,这就是闭包!}

把内部函数 baz 传递给 bar ,当调用这个内部函数时(现在叫作 fn ) ,它涵盖的 foo() 内部作用域的闭包就可以观察到了,因为它能够访问 a 。

闭包的应用十分广泛,比如在回调函数中:

function wait(message) {setTimeout( function timer() {console.log( message );}, 1000 );}
function setupBot(name, selector) {$( selector ).click( function activator() {console.log( "Activating: " + name );} );}

如果将函数(访问它们各自的词法作用域)当作第一级的值类型并到处传递,你就会看到闭包在这些函数中的应用。在定时器、事件监听器Ajax 请求、跨窗口通信、Web Workers 或者任何其他的异步(或者同步)任务中,只要使用了回调函数,实际上就是在使用闭包!
我们还可以利用闭包实现模块模式如下:

var myModules = (function(){    var modules = {};    function define(name,deps,impl){    for(var i=0;i<deps.length;i++){    deps[i] = modules[deps[i]];    }    modules[name] = impl.apply(impl,deps);   }   function get(name){    return modules[name];    }    return {        define:define,        get:get    }})()

下面展示如何使用它来定义模块:

myModules.define('a',[],function(){    function hello(who){    return 'hello '+who;}return {    hello:hello}})myModules.define('b',['a'],function(a){    var name = 'world'    function awesome(){    console.log(a.hello(name ))}return {    awesome:awesome}var test = myModules.get('b');test.awesome();//hello world