JavaScript之再谈回调与闭包

  前些阵子写了几篇关于回调和闭包的博文，感受本身都是似懂非懂，最近在项目中又碰到了相似的状况，故在此我们来重弹js中的回调与闭包。

  先说说回调：

  百度百科：

    回调函数就是一个经过函数指针调用的函数。若是你把函数的指针（地址）做为参数传递给另外一个函数，当这个指针被用为调用它所指向的函数时，咱们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。

    在JavaScript中：回调函数的具体定义为：  函数A做为参数(函数引用)传递到另外一个函数B中，而且这个函数B执行函数A。咱们就说函数A叫作回调函数。若是没有名称(函数表达式)，就叫作匿名回调函数。

    在js中，AJAX的异步加载时用到了回调函数的，但其实回调不只仅是用在异步中，同步操做也可使用：

同步的场景： 即在每一个函数执行完成后调用另外一个函数，下面列出网上的一些代码以做例子：

var func1=function(callback){
    //do something.
    (callback && typeof(callback) === "function") && callback(); //检测函数存在且是一个函数而后再调用
}

func1(func2);
    var func2=function(){
}

异步的状况的或就不用多说了，咱们在AJAX中都是用的不要不要的了。

何时使用回调函数呢，这里列出一些前人总结的经验：

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

闭包(彷佛是谈JavaScript漏不掉的问题)：

  什么是闭包？仍是那句话：  首先，他是一个函数，其次，他能访问包含他的外部函数的变量，粗糙点理解，就是：定义在一个函数内部的函数，可是呢，这个里面的函数他访问了他外面的那个函数的变量。这对于外面函数来讲，就造成了闭包，

官方解释：

来源：知乎
Javascript 中，每一个函数都有一个与之相关联的做用域链。每次调用 JavaScript 函数的时候，都会为之建立一个新的对象用来保存局部变量，并把这个对象添加至做用域链中。当函数返回时，再将这个对象删除，此对象会被当作垃圾回收。但若是这个函数定义了嵌套的函数，并将它存储在某处的属性里，就意味着有了一个外部引用指向这个嵌套的函数。它就不会被看成垃圾回收，它所指向的变量绑定对象一样不会被回收

 

来源：JavaScript秘密花园
闭包是 JavaScript 一个很是重要的特性，这意味着当前做用域老是可以访问外部做用域中的变量。 由于 函数 是 JavaScript 中惟一拥有自身做用域的结构，所以闭包的建立依赖于函数。

 

 

 

举个栗子：

function foo(x) {
    var tmp = 3;
    return function (y) {
        alert(x + y + (++tmp));
    }
}
var bar = foo(2); // bar 如今是一个闭包
bar(10);      //16

  

此时，在foo函数中已经造成了一个闭包，这就意味着，只要bar函不死，垃圾回收机制就不敢去动foo函数，而此时，咱们的bar函数所指向的那个匿名函数就能够一直去访问那个tmp和x,且，注意了！注意了！：：：每次调用，都会获得上一次被自增了之后的tmp

bar(10); //16 第一次调用

bar(10);  //17   第二次调用

同时，咱们强调：

           外部函数不是必需的。经过访问外部变量，一个闭包能够维持（keep alive）这些变量。在内部函数和外部函数的例子中，外部函数能够建立局部变量，而且最终退出；可是，若是任何一个或多个内部函数在它退出后却没有退出，那么内部函数就维持了外部函数的局部数据。

一个典型的例子就是全局变量的使用。 

    记得曾经有人说过：

In computer science, a closure is a function together with a referencing environment for the nonlocal names (free variables) of that function.

      仁者见仁智者见智啦！！！

在JAVA中，咱们知道他有一个叫数据隐藏的特性：  那么，JavaScript中的闭包，或许为咱们敞开了大门:

  来看看网上的例子：

似曾相识！！！有木有：

 

OK  THAT’S   IT！！！