什么是闭包

原创 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中的模块机制也都是使用闭包。

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

到底什么是闭包

感觉楼里大部分回答太复杂了,过于理论化,文绉绉地绕来绕去,没抓住本质和精髓。抄书谁不会啊?其实闭包没那么复杂。 最简洁、直击要害的回答,我能想到的分别有这么三句(版权属于 @张恂老师 ): 1、...
  • wy_Blog
  • wy_Blog
  • 2017年02月25日 22:13
  • 1133

什么是闭包,我的理解

原文链接   [收藏]     首先,我觉得,一个概念,如果不理解也不影响使用的话,那么,就没必要去理解它、去学习它。闭包就是这样一个概念,你不理解它也能很好的用它。俺这两年写as3程序...
  • Linux7985
  • Linux7985
  • 2015年03月05日 11:18
  • 2109

什么是闭包,闭包的作用

一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量...
  • qq_34102108
  • qq_34102108
  • 2016年04月15日 23:05
  • 643

PHP实践-什么是闭包?

创建闭包 echo $closure('nesfo');我们之所以能调用$closure变量,是因为这个变量的值是一个闭包,而且闭包对象实现了__invoke()魔术方法。只要变量名后有(),P...
  • hlzzy123456
  • hlzzy123456
  • 2016年06月08日 09:53
  • 996

什么是闭包,闭包的作用与好处是什么,何时使用闭包,对闭包的改进

闭包:外部函数定义的内部函数就是闭包。 闭包的作用及好处:闭包给访问外部函数定义的内部变量创造了条件。也将关于函数的一切封闭到了函数内部,减少了全局变量,这也是闭包的真实含义。 与普通函数...
  • wzw_mzm
  • wzw_mzm
  • 2017年02月24日 14:11
  • 1777

什么是闭包,如何使用它,为什么要使用它?

还是上面的题目,做个变形。 var x = 0; var foo = { x:1, bar:function () { console.log(this.x)...
  • mrhaoxiaojun
  • mrhaoxiaojun
  • 2018年01月10日 17:46
  • 73

Java-什么是闭包(closure)

看了一些文章,闭包的概念如下:     有一个函数中,能访问函数外的变量,并且函数外的变量值改变后,会影响函数内的计算(或逻辑)。 下面是一个python的例子。(http://my.oschina....
  • hotdust
  • hotdust
  • 2016年04月12日 23:30
  • 1730

闭包 什么是闭包

一讲到闭包,通常就是类似下面的例子—— JavaScript code ? 1 2 3 4 5 6 7 8 ...
  • qq_34102108
  • qq_34102108
  • 2016年04月16日 01:57
  • 252

Web前端面试指导(二十八):什么是闭包,为什么要用它?

题目点评 闭包这个概念也是JavaScript中比较抽象的概念,也是JavaScript中的一个难点,要求对理论知识理解的比较透彻,概念性的东西一两句就讲完了,所以这道题目可以死记硬背,如果实在不能理...
  • lxcao
  • lxcao
  • 2016年10月06日 18:00
  • 6497

jQuery--闭包

$(function() {jQuery.noConflict(); //把$让渡给其它类库(function($){     $("div p").click(function(){alert("c...
  • xgdofull
  • xgdofull
  • 2010年04月15日 10:01
  • 3223
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:什么是闭包
举报原因:
原因补充:

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