JavaScript 闭包问题

---

1.闭包的概念

• JavaScript中什么是闭包？

  首先我们要知道在JavaScript中，函数中声明变量函数外是无法访问的，即js中函数是具有变量作用域隔离特性的一个内存结构，这种情况我们称之为“闭包”。

• 闭包在JavaScript中要解决的问题是啥？

  其实说白了就是间接的访问到被函数隔离的数据。

• 怎样实现闭包的间接访问呢？

  这里有一个误区就是我直接在函数里return不就可以了吗？

    function foo () {
        var num = 123;   // 原始数据
        return num;
    }
    var res1 = foo();//这个还是num的原始数据吗？
    var res2 = foo();
    alert(res1+'-----'+res2);//这里res1与res2都是123. 一些初学者觉得这样就可以证明访问到的是原始数据了。然而并不是。
  
    //我们再看下面一段代码
    function foo1 () {
        var num = Math.random();   // 原始数据
        return num;
    }
    var res3 = foo();
    var res4 = foo();
    alert(res3+'-----'+res4);//这里的res3与res4就永远不会相同。这不就是证明了我们访问到的num并不是原始数据。
  

  为什么会出现上面两种情况呢？因为函数是引用数据类型（复合数据类型），每一次调用函数，会重新开辟一个内存空间。而我们看到的res1与res2相等只是他们两个内存空间里的数据是一样的。但是并不是同一个数据。

  虽然这样直接return得到的不是原始数据，但是这种思路是对的。我们可以在函数里面利用函数的返回访问原始数据。我们再看下面一段代码。

    function foo () {
    var num = Math.random();   // 原始数据
    return function() {
        return num; // 它就是原始数据 num
        }
    }
    var res=foo();
    var res1 = res();
    var res2 = res();
    alert(res1+'-----'+res2);//这里我们可以看到res1与res2完全相等。
    

根据上面的代码可以看出，只要我们保证我们return回去的内容就是存储数据的内存地址。那么我们就可以在外部访问函数内部的原始数据。即‘闭包’要解决的问题就很好的解决了。

• 闭包的实现各种特性的根本核心。

  1.带有私有数据的函数

  2.带有私有数据的对象（函数也是对象）

• 闭包的应用----沙箱模式

  沙箱模式能干吗？
  我们写js代码的时候经常声明变量，这样变量一多。我们可能出现冲突的可能性变大。
  因为沙箱就是一个隔离的执行环境。可以让代码之间互不影响。
  我们熟悉的jQuery就是运用沙箱开发，还有市面上一些流行前端框架也使用了沙箱。

    //沙箱的基本结构
    (function(){
        //这种模式就是沙箱模式结构
        //所有代码写在这里 
    })();