什么是闭包

原创 2017年01月03日 17:44:34

闭包这个东西让我理解了好久,也算是理解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中的模块机制也都是使用闭包。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

传递闭包算法

  • 2017年08月23日 15:37
  • 285B
  • 下载

js闭包实例

  • 2016年12月17日 17:17
  • 84KB
  • 下载

js闭包的用途(匿名自执行函数,缓存,实现封装,实现面向对象)

文章转载自:http://blog.csdn.net/sunlylorn/article/details/6534610

swift_函数和闭包

  • 2016年04月22日 17:47
  • 8KB
  • 下载

闭包与回调代码

  • 2015年01月28日 21:09
  • 549B
  • 下载

用9种办法解决 JS 闭包经典面试题之 for 循环取 i

闭包 正确的说,应该是指一个闭包域,每当声明了一个函数,它就产生了一个闭包域(可以解释为每个函数都有自己的函数栈),每个闭包域(Function 对象)都有一个 function scope...

详解Java中的闭包(Closure)和回调

搬家后的博客链接: IT客栈 www.itkezhan.org 以前总是对闭包(Closure)一知半解的,最近花时间查阅资料,很多地方都讲得语焉不详,看后仍感觉云里雾里的。后来...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:什么是闭包
举报原因:
原因补充:

(最多只允许输入30个字)