Javascript 闭包的秘密

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 可以在这里下载，同时需要进一步有关闭包的信息，为之漫笔翻译了份很详实的文档，强烈建议看下。

 

原文：http://www.gracecode.com/Archive/Display/2385