关闭

什么是闭包

标签: javascript闭包语言
121人阅读 评论(0) 收藏 举报
分类:

闭包这个东西让我理解了好久,也算是理解javascript语言比较重要的一个环节吧,在这做一个自我思考的详细总结~,有错误望指正~

首先要说明的是闭包在你的代码中随处可见,可能不知不觉的你正在写闭包~,只是你不认识它,不了解它,现在我们揭开它的面纱来瞧瞧它的真面目。

先说下闭包直截了当的定义,我也是在网上查了下:当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行 来看下代码:

function foo(){
    var a=2;
    function fee(){
        console.log(a);
    }
    fee();
}
foo();

这段代码应该很好懂了,我们是不是也经常在写,fee函数可以访问foo作用域内的变量a,但上面那个是闭包吗,严格来说不算是,闭包总是隐藏在代码之后的,他总是不那么容易发现。看如下代码:

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

上面的代码就是所谓的闭包,我们将fee函数当成一个值类型进行传递,然后在外界通过调用foo函数在给b,通过不同的标识符引用调用了内部的函数fee()。而且fee函数 也在作用域之外被执行了,也符合上面的定义。

闭包的神奇之处在阻止作用域被销毁,看上面的代码,看上去foo的内容不会再调用,其实内部 的fee函数拥有它的作用域闭包,使得该作用域能一直存活,以便fee能在任何时间引用。

从上面的代码我觉得最重要的一点就是,可以对函数类型的值进行传递,当函数在别处被调用时都可以观察到闭包。

function foo(){
    var a=2;
    function fee(){
        console.log(a);
    }
    boo(fee);
}
function boo(fn){
    fn();
}

上面也是一种闭包,将fee函数当成参数值传递到boo中,然后在外界的boo函数中执行了它,当然也能访问到a了。在看下面的形式:

var fn;
function foo(){
    var a=2;
    function fee(){
        console.log(a);
    }
    fn=fee;
};
function boo(){
    fn();
};
foo();
boo(); //2

上面的也是闭包,无论通过何种手段将内部函数传递到所在的词法作用域以外,他都会持有对原始定义作用域的引用,无论在何处执行这个函数都会使用闭包。

现在我们可以发现闭包在我们的程序中到处可见了吧,比如下面的那个:

function foo(a){
    setTimeout(function timer(){
        console.log(a);
    },1000)
} 
foo(1);  //1秒后打印1

将一个timer函数当为参数传递给了setTimeout内,timer具有涵盖foo作用域的闭包,因此能访问到a。

so ,这就是闭包!在javascript中到处可见,定时器,时间监听器,Ajax请求,或者其他异步请求的回调函数就是在使用闭包!

我们在看下立即执行函数(可以看我的这篇文章:js函数作用域与块作用域):

var a=2;
(function(){
    console.log(a);
})();

这个是不是闭包呢,我觉得不严格是,因为它不是在词法作用域之外执行的,在定义时就执行了,不过它确实是访问了a,也就是创建了闭包,它也常常是创建可以被封闭起来的工具。

闭包在循环中也有很大的应用,es6中的模块机制也都是使用闭包。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:915次
    • 积分:79
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    文章分类
    文章存档