首页 > 程序开发 > web前端 > HTML/CSS > 正文
作用域闭包
2017-08-02 10:10:52       个评论    来源:qq_33203555的博客  
收藏    我要投稿

一、定义

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

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

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

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
点击复制链接 与好友分享!回本站首页
上一篇:闭包问题的理解及总结
下一篇:【前端入门】前端基本概念
相关文章
图文推荐
文章
推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做实用的IT技术学习网站