jQuery学习笔记三：闭包

nankaiJerry

浏览: 122904 次
性别:
来自: 天津

最近访客更多访客>>

ufexs

bei-jin-520

c4795712

Willpower1li

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jQuery&JavaScript

既然说到在JavaScript中函数作为“一等公民”而存在，那我们就不得不谈一下另一个高级的函数专题——闭包（closure）。

很多语言都对闭包有不同程度的支持，像是Ruby、Python以及objective c。学过Java的应该知道，Java虽然没有显式支持闭包，但对于非静态内部类而言，它不仅记录了其外部类的详细信息，还保留了一个创建非静态内部类对象的引用，并且可以直接调用外部类的private成员，因此可以吧非静态内部类当成面向对象领域的闭包。

简单地说，闭包就是Function实例，外加对于Function实例的执行来说必需的、来自环境的本地变量。在声明函数时，可以在声明之处引用其作用域内的任何变量。甚至在声明之处已经超出作用域而关闭声明之后，这些变量仍为该函数所支持。

看如下代码:

<head>
     <title>Closure</title>
     <scriptsrc="jquery.js"></script>
     <script>
         $(function(){
            varlocal=1;    //名为local的本地变量
            window.setInterval(    //建立3s触发一次的计时器
            function()
            {
               //将内容增加到div元素中
               $('#display').append('<div >At'+new Date()+ ' local='+local+'</div>');
               local++;               
            },
            3000);
         });
     </script>
     </head>
     <body>
       <divid="display"></div>
     </body>
</html>

加载页面，一段时间后，我们看到页面内容为：

At Sun Apr 07 2013 14:18:25 GMT+0800 (中国标准时间) local=1

At Sun Apr 07 2013 14:18:28 GMT+0800 (中国标准时间) local=2

At Sun Apr 07 2013 14:18:31 GMT+0800 (中国标准时间) local=3

At Sun Apr 07 2013 14:18:34 GMT+0800 (中国标准时间) local=4

At Sun Apr 07 2013 14:18:37 GMT+0800 (中国标准时间) local=5

At Sun Apr 07 2013 14:18:40 GMT+0800 (中国标准时间) local=6

我们可能认为，在回调函数（setInterval函数里的函数）执行期间，local的值应该是未定义的（因为local定义在回调函数之外，且回调函数在页面加载3秒内触发，也就是在就绪处理函数执行完毕很久才触发）。但是为什么出现了上面的页面内容呢？

这就是我们所说的“闭包”。JavaScript里所有的闭包，被隐式地创建。当就需处理程序退出时，虽然local声明所在的块确实超出了作用域，但是函数声明所创建的闭包（包括local），在该函数的生命期内保持在作用域内。

注意：无意的闭包可能带来意外的后果，例如，循环引用可以导致内存泄露。内存泄露的典型事例是创建向后引用闭包变量的DOM元素，组织了那些变量的回收。

分享到：

巧妙地移位运算 | jQuery学习笔记二：选择器与包装集

2013-04-07 14:46
浏览 1069
评论(0)
论坛回复 / 浏览 (1 / 3953)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论