闭包的秘密September 26, 2008

Javascript 中的闭包其实很改语言中很难理解的一部分。 感谢 Stuart 提供了那么棒的 PPT ,它深入浅出的解释了 Javascript 的闭包技术。

而我「自作主张」地在这份 PPT 中加入了部分的注释(希望没有影响阅读),主要的内容在这里简要整理下。

闭包的概念

「官方」的解释

「闭包」,是指拥有多个变量和绑定了这些变量的环境的
表达式(通常是一个函数),因而这些变量也是该表达式
的一部分。

但不要咬文嚼字,我们简单的可以理解为

闭包是个函数,而它「记住了周围发生了什么」。表现为由「一个函数」体中定义了「另个函数」
function outer () {
    ...
    function inner () {
        ...
    }
}

闭包的作用

  1. setTimeout/setInterval
  2. 回调函数(callback)
  3. 事件句柄(event handle)

模块化代码

function Container(param) {
    var sercert = 3;
    this.member = param;
    var that    = this; // 注意这行

    function dec() {
        return (sercert > 0) ? --secret : false;
    }

    this.service = function() {
        return (dec()) ? that.member : null;
    }
}

其中 dec 为私有,that 变量引用 Container 同时 service 函数构成了个闭包。

注意 Exploer 下闭包的「特殊情况」

  1. 循环问题
  2. 垃圾回收

最后,PPT 可以 在这里下载 ,同时需要进一步有关闭包的信息,为之漫笔翻译了份很 详实的文档 ,强烈建议看下。

§ 9 条评论

  1. 大哥,秘密在哪 =。=

  2. joyqi joyqi

    我要秘密,秘密...

  3. 其实原文的标题就是《闭包的秘密》 -_-!

  4. wiLdGoose wiLdGoose

    我头上有犄角
    我身后有尾巴
    谁也不知道
    我有多少秘密

    我头上有犄角
    我身后有尾巴
    谁也不知道
    我有多少秘密
    我是一条小青龙
    我有多少小秘密
    我是一条小青龙
    我有多少小秘密
    我有许多的秘密
    就不告诉你
    就不告诉你
    就不告诉你

  5. chenbing chenbing

    PDF无法下载

  6. janney janney

    感觉没有解释清楚,我查阅了下面这个地址,http://www.crockford.com/javascript/private.html

  7. secret secret

    我有许多的秘密
    就不告诉你
    就不告诉你
    就不告诉你

  8. 听说有密码的啊

  9. bee bee

    楼主理解了吗?

添加评论




* Required (but your email address will never be published)

Yahoo 统计