4、JavaScript高级之闭包

标签：javascript   高级   闭包   

一、什么是闭包

距离上一次更新有一段时间了，过年你懂得，接下来就谈谈JavaScript的高级用法——闭包。js的闭包其实不是什么难懂的高深的概念，只是有些书籍当中介绍的不够易懂或者说举得例子不太恰当，现在我们就通过简单的例子来理解“闭包”。作为程序员，也许一段针对的代码，比那些文字描述更能说明问题，用代码说话，眼见为实。

好了，先看下面的一段代码：

   function t1(){
        var age = 20;
         function t2(){
            alert(age);
        }
        return t2;
    }
    var age = 100;
    var temp = t1();
    temp();//20

在大部分语言中，如java，函数t1内的局部变量会随着函数t1执行结束而销毁，但是在js中，变量age=20却被t2捕抓，即使是t1函数执行结束后，依然可以通过t2访问到age
  这种情况，即返回的t2函数不是孤立的，甚至把周围的变量环境，形成了一个‘封闭包’，一起返回，所以叫‘闭包’

二、闭包的应用

JavaScript既然有闭包的实现，那么JavaScript的闭包是怎么使用的或应用在哪种情况下呢？通过上面的例子已经看到，函数t1内部的age变量只能通过返回的t2函数访问，那么age是不是相当于java的private私有变量呢，哈哈，这个在下一篇会讲到，而且将通过“闭包”将属性封装在内部，做成接口，别人也就看不见，也不会污染到其他的变量，想想是不是呢。

讲那么多，我们就通过一个实际的例子看看：

要求：实现一个计数器，每次调用某函数，使计时器的值加1

1、闭包实现

   function counter(){
        var i = 0;//但counter执行完毕后，除了返回的inc函数，其他函数访问不了变量i
        var inc = function(){
            return ++i;
        }
        return inc;
    }
    var c = counter();
    alert(c());
    alert(c());
    alert(c());

   var counter = (function(){
        var i = 0;
        return function(){
            return ++i;
        }
    })();
    alert(counter());
    alert(counter());
    alert(counter());

4、JavaScript高级之闭包

标签：javascript   高级   闭包   

原文地址：http://blog.csdn.net/guixuecheng/article/details/44002753