在我的博客:http://blog.csdn.net/u011043843/article/details/26148265中也有对闭包的解释

在javascript中闭包是一个非常不好理解的概念。可是确实一个不可逃避的东西,那么今天我们就来一起学习一下闭包。

什么是闭包?

闭包:官方”的解释是:闭包是一个拥有很多变量和绑定了这些变量的环境的表达式(一般是一个函数),因而这些变量也是该表达式的一部分。

相信读完这句话以后,你就更加不知道什么是闭包了。

事实上通俗的说闭包就是一个函数a内部的局部变量s,被该函数内部的函数b所使用,而且a函数返回值为b函数。

那么我们就将b函数成为闭包。

为什么会产生闭包这个概念呢?那就要谈谈变量作用域的问题了。

变量的作用域无非就是两种:全局变量和局部变量。

Javascript语言的特殊之处,就在于函数内部能够直接读取全局变量。

Js代码

  1. <span style="font-size:18px;">var n=999;
  2. function f1(){
  3. alert(n);
  4. }
  5. f1(); // 弹出对话框:999</span>

还有一方面,在函数外部自然无法读取函数内的局部变量。

Js代码

  1. functionf1(){
  2. varn=999;
  3. }
  4. alert(n); //弹出对话框:error

这里有一个地方须要注意,函数内部声明变量的时候。一定要使用var命令。假设不用的话,你实际上声明了一个全局变量!

Js代码

  1. <span style="font-size:18px;">functionf1(){
  2. n=999;
  3. }
  4. f1();
  5. alert(n); //999</span>

         那么怎样从外部读取局部变量?

出于种种原因,我们有时候须要得到函数内的局部变量。可是,前面已经说过了,正常情况下,这是办不到的。仅仅有通过变通方法才干实现。那就是在函数的内部,再定义一个函数。

Js代码

  1. <span style="font-size:18px;">functionf1(){
  2. varn=999;
  3. functionf2(){
  4. alert(n); // 999
  5. }
  6. }</span>

在上面的代码中,函数f2就被包含在函数f1内部,这时f1内部的全部局部变量,对f2都是可见的。可是反过来就不行,f2内部的局部变量,对f1 就是不可见的。这就是Javascript语言特有的“链式作用域”结构(chainscope)。子对象会一级一级地向上寻找全部父对象的变量。所以,父对象的全部变量,对子对象都是可见的,反之则不成立。

既然f2能够读取f1中的局部变量,那么仅仅要把f2作为返回值,我们不就能够在f1外部读取它的内部变量了吗!

Js代码

  1. <span style="font-size:18px;">functionf1(){
  2. varn=999;
  3. functionf2(){
  4. alert(n);
  5. }
  6. returnf2;
  7. }
  8. varresult=f1();
  9. result(); //999</span>

这个我们在函数函数f1的外部就能够读取到f1内的变量n的值了。

大家可能注意到了,这个函数函数跟我上边的描写叙述好像非常吻合,没错。这就是闭包了。

那么总结一下闭包都具备哪些特点呢?

1,闭包外层是个函数.

       2,闭包内部都有函数.

       3,闭包会return内部函数.

       4,闭包返回的函数内部不能有return.(由于这样就真的结束了)

闭包有什么作用呢?

一个是像上边所说的那样,在函数外边訪问函数内部的变量。

还有一个就是让这些变量的值始终保持在内存中。

怎么理解他的第二个作用呢?

看一下下边这个样例:

  1. <span style="font-size:18px;">Js代码
  2. functionf1(){
  3. varn=999;
  4. functionf2(){
  5. alert(++n);
  6. }
  7. returnf2;
  8. }
  9. varresult=f1();
  10. result(); // 999
  11. result(); //1000</span>

大家能够看到两次运行同一个函数,结果却是不一样的。这个是为什么呢?为什么不像其它语言那个。一个函数运行完以后就被垃圾机制回收呢? 原因就在javascript的垃圾回收机制中,在Javascript中,假设一个对象不再被引用,那么这个对象就会被GC回收。

假设两个对象互相引用,而不再被第3者所引用。那么这两个互相引用的对象也会被回收。由于函数f1被f2引用,f2又被f1外的c引用,这就是为什么函数f1运行后不会被回收的原因。

使用闭包函数应该注意的问题;

1)因为闭包会使得函数中的变量都被保存在内存中。内存消耗非常大,所以不能滥用闭包。否则会造成网页的性能问题。在IE中可能导致内存泄露。解决方法是,在退出函数之前。将不使用的局部变量所有删除。

2)闭包会在父函数外部。改变父函数内部变量的值。

所以,假设你把父函数当作对象(object)使用。把闭包当作它的公用方法(PublicMethod)。把内部变量当作它的私有属性(privatevalue),这时一定要小心。不要随便改变父函数内部变量的值。

闭包(closure)是Javascript语言的一个难点。也是它的特色,非常多高级应用我们必须依靠实现截流.所以,我们学到的道路,以高数量倒闭js只有这样,人猿的节目。

版权声明:本文博客原创文章,博客,未经同意,不得转载。

Javascript关闭详细说明的更多相关文章

  1. JavaScript关闭窗口的同时打开新页面的方法

    做网页的时候需要弹出一个小窗口,然后要实现一个功能就是鼠标点击超链接关闭小窗口并打开一个新页面,就如同下图: 这是一个小窗口,点击超链接这个窗口会关闭并且会正常在浏览器打开新页面,首先写js关闭窗口的 ...

  2. JavaScript关闭窗口的方法

    当你创建了一个新窗口时,将open()方法的返回值分配给一个变量非常重要.比如,下面的语句就是创建一个新窗口,然后立即关闭它: win = window.open("http://www.d ...

  3. javascript 关闭窗口,弹出新窗口并带有确认关闭对话框解决办法

    在很多人眼里,北京是一个物欲横流的社会,生活节奏之快,让你一丝都不能停下来,走在路上伴随着人群急速往前涌,或许有些人都不知道要去哪.也不知道自己想要的是什么?在一个浮躁的社会里,多了一些浮躁的人,到处 ...

  4. JavaScript关闭浏览器

    (*^__^*) 嘻嘻……,以前我找关闭浏览器选项卡的代码找不到,我还以为要用后台代码关呢?今天发现只要简单2句JavaScipt代码就可以了.看来很多东西还是在于平时的积累啊的说! 模仿延儿的口气了 ...

  5. javascript关闭网页的几种方法

    js关闭当前页面(窗口)的几种方式总结,需要的朋友可以参考一下: 1. 不带任何提示关闭窗口的js代码 <a href="javascript:window.opener=null;w ...

  6. 怎样用javascript关闭本窗口

    大家都知道window.close()是用来关闭窗口的,而且ie和firefox都是支持的. 为了实现用户对浏览器的绝对控制,ie中用close关闭非open打开的窗口时回弹出一个对话框询问用户,怎么 ...

  7. javascript关闭弹出窗体时刷新父窗体和居中显示弹出窗

    居中显示用到了moveTO()方法: 关闭弹出窗时刷新父窗体用到了window.opener方法: 父窗体代码例如以下: <%@ Page Language="C#" Aut ...

  8. javaScript关闭浏览器 (不弹出提示框)

    一段JavaScript脚本程序,负责关闭窗口,如果网页不是通过脚本程序打开的(window.open()),调用window.close()脚本关闭窗口前,必须先将window.opener对象置为 ...

  9. javascript 关闭当前页面

    1. 不带任何提示关闭窗口的js代码 <a href="javascript:window.opener=null;window.open('','_self');window.clo ...

随机推荐

  1. python urllib和urllib2 区别

    python有一个基础的库叫httplib.httplib实现了HTTP和HTTPS的客户端协议,一般不直接使用,在python更高层的封装模块中(urllib,urllib2)使用了它的http实现 ...

  2. skin++ 终极破解之法

    *[标题]:Skin++通用界面换肤系统V2.0.1破解探讨 *[作者]:gz1X <gz1x(at)tom(dot)com> *[来自]:中国黑客联盟 *[前言]: skin技术,大家都 ...

  3. ZOJ 1825 compoud words

    题目大意:输入一串递增的单词序列,需要找出符合条件的单词递增输出,条件是:将一个单词拆成左右两个单词后,能在输入中找到这两个单词.例如单词 alien,可以拆成 a 和 lien,而输入中刚好同时有a ...

  4. WebLogic(12C)——Server

    上篇博客介绍了Weblogic的安装.Domain的创建,以及怎样进入管理控制台. WebLogic Server安装教程 1.Server(server)概念 2,创建Server(server) ...

  5. Unity的Cover flow的实现包(2个)

    苹果的mac机上预览图片,有一个所谓的cover flow的效果,这里收集到两个,两个实现效果略有不同. 1.老外的实现 https://github.com/rakkarage/Unity3D-Co ...

  6. 聊聊高并发(二十五)解析java.util.concurrent各个组件(七) 理解Semaphore

    前几篇分析了一下AQS的原理和实现.这篇拿Semaphore信号量做样例看看AQS实际是怎样使用的. Semaphore表示了一种能够同一时候有多个线程进入临界区的同步器,它维护了一个状态表示可用的票 ...

  7. dreamvc框架(三),dispartcher做了些什么

    这一篇我会介绍一些dreamvc的核心类Dispatcher都做了些什么,首先我们先来看一看init方法,这是在DispatcherServlet和DispatcherFilter里面都会调用到的一个 ...

  8. IOS7 适配以及向下兼容问题

    1.所有的UIViewController加如下方法.     - (void) viewDidLayoutSubviews {         if ([[[UIDevice currentDevi ...

  9. 【 D3.js 入门系列 — 2 】 绑定数据和选择元素

    1. 如何绑定数据 D3 有一个很独特的功能:能将数据绑定到 DOM 上,也就是绑定到文档上.这么说可能不好理解,例如网页中有段落元素<p>,我们可以将整数 5 与 <p>绑定 ...

  10. HDU 5119 Happy Matt Friends(2014北京区域赛现场赛H题 裸背包DP)

    虽然是一道还是算简单的DP,甚至不用滚动数组也能AC,数据量不算很大. 对于N个数,每个数只存在两个状态,取 和 不取. 容易得出状态转移方程: dp[i][j] = dp[i - 1][j ^ a[ ...