JavaScript中的闭包原理分析

 更新时间:2010年03月08日 17:52:07   作者:  
一看到闭包这个词,我就会想起线性代数中的封闭空间,也就是说,这个空间中的所有向量,无论经过何种运算,最终结果还是会落在该空间中。那么JavaScript中会不会也是类似的概念呢?
我们来看一个定义:
Closure
所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
这说明了,JavaScript中的闭包是包含了上下文的函数,也就是说,这个函数的作用基础,是它所处的环境,这是不能超越的,跟线性代数是不是有一点似曾相识的感觉呢?
换个角度看,闭包的作用是为了实现OO。JavaScript中,没有像C++那样的public、private、protect属性标识, 建立起类比较困难。“类是带行为的数据,而闭包是带数据的行为”,在JavaScript中我们用函数的定义代替类的定义,用闭包代替了setter/getter方法。请看一段livecode:
复制代码 代码如下:

function f1(){
    var n=1;
    function getter(){
      alert(n);
    }
    return getter;
  }

上文中n的声明和函数getter组成了一个典型的闭包。最终返回的函数,即刚刚所讲的“行为”,其实目的就是为了得到n的值,所以说闭包就是带有数据的行为。
另外,我觉得阮一峰说的闭包也是很简洁的:“我的理解是,闭包就是能够读取其他函数内部变量的函数。”
另一篇更为学术的解释:
http://demo.jb51.net/js/javascript_bibao/index.htm
我希望各位能够真正从学术上的定义理解闭包,因为所有对闭包定义的诠释和简化都是对JavaScript的片面解读。

相关文章

  • Javascript 网页水印(非图片水印)实现代码

    Javascript 网页水印(非图片水印)实现代码

    在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。
    2010-03-03
  • javascript事件问题

    javascript事件问题

    咱们都知道,在DOM事件模型中,有捕获和冒泡两个阶段,而在IE事件模型中,只有冒泡阶段。写在html里的事件响应函数只有在冒泡阶段才会被执行
    2009-09-09
  • 基于mouseout和mouseover等类似事件的冒泡问题解决方法

    基于mouseout和mouseover等类似事件的冒泡问题解决方法

    这篇文章主要介绍了关于mouseout和mouseover等类似事件的冒泡问题解决方法。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • javascript string字符串优化问题

    javascript string字符串优化问题

    今天看到一个很久的帖子说string连接优化问题。于是自己也测试一下。写了个很简单的代码
    2011-07-07
  • JavaScript事件类型中焦点、鼠标和滚轮事件详解

    JavaScript事件类型中焦点、鼠标和滚轮事件详解

    这篇文章主要为大家详细介绍了JavaScript事件类型中焦点、鼠标和滚轮事件,以及注意事项,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Javascript中的call()方法介绍

    Javascript中的call()方法介绍

    这篇文章主要介绍了Javascript中的call()方法介绍,本文讲解了Call() 语法、Call() 参数、Javascript中的call()方法、Call()方法的实例等内容,需要的朋友可以参考下
    2015-03-03
  • js重写alert控件(适合学习js的新手朋友)

    js重写alert控件(适合学习js的新手朋友)

    这篇文章主要介绍js重写alert控件的过程比较适合学习js的新手朋友,需要的朋友可以参考下
    2014-08-08
  • for循环 + setTimeout 结合一些示例(前端面试题)

    for循环 + setTimeout 结合一些示例(前端面试题)

    最近在学习node.js开发资料,正好碰到了for循环+settimeout的经典例子,下面小编给大家分享for循环 + setTimeout 结合一些示例代码,需要的朋友参考下吧
    2017-08-08
  • JS实现选项卡效果的代码实例

    JS实现选项卡效果的代码实例

    这篇文章主要介绍了JS选项卡效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • TypeScript接口介绍

    TypeScript接口介绍

    这篇文章主要介绍了TypeScript接口,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。下面我们一起进入文章看看TypeScript接口得具体定义吧,需要的朋友也可以参考一下
    2021-12-12

最新评论