闭包

函数执行

函数执行时形成的私有作用域，保护里面的私有变量不受外界的干扰，此种保护机制称为”闭包”。在市面上的闭包是形成不销毁的私有作用域（私有栈内存）的才是闭包。
创建函数

1. 开辟一个堆内存
2. 把函数体中的代码当作字符串存贮进来
3. 把堆内存的地址赋值给函数名/变量名
4. 函数在哪里创建，他执行的时候所需要查找的上级作用域就是谁

函数执行

1. 形成一个全新的私有作用域，执行上下文，私有栈内存（执行一次形成一个，多个之间不会产生影响）
2. 形参赋值&变量提升
3. 代码执行（把所属堆内存中的代码字符串拿出来一行行执行）
4. 遇到一个变量，首先看中它是否为私有变量（形参和私有作用域中声明的变量是私有变量），是私有的就是操作自己变量即可，不是私有的则向上级作用域中查找…一直找到全局作用域为止=》作用域链查找机制
5. 私有变量和外界的变量没有必然关系，可以理解为被私有栈内存保护起来=》闭包的保护机制

堆栈内存释放

函数执行就会形成栈内存（从内存中分配的一块空间），如果内存都不销毁释放，很容易就会导致栈内存溢出
不销毁作用域的条件：

1. 函数体中return一个引用数据类型值
2. return出内容被外界变量或者对象属性名接收

作用域销毁与否与函数内部和函数执行有关。

var a = 100;
    function fn() {
        var  a= 10;
        return  function () {
            console.log(a);// 10
        }
    }
    fn()
    var f = fn();//
    f()// 10
    fn()();

堆内存释放问题

1. 创建一个引用类型值（例如对象，函数），就会产生一个堆内存

2. 如果当前创建的堆内存不被其他东西所占用（浏览器会在空闲的时候，查找每一个堆内存的引用，不被占用的都会被回收释放）释放掉。

   let obj={
   name:'zhufeng'
   };
   let oop=obj;
   //此时obj和oop都占用着对象的堆内存，想要释放堆内存，需要手动解除变量和值的关联（null：空对象指针）
   obj = null;
   oop = null;

   栈内存释放问题
   全局栈内存：关掉页面时才会销毁
   私有栈内存：
   1.一般情况下，函数只要执行完成，形成的私有栈内存就会被销毁释放掉（排除出现无限极递归、出现死循环的模式）
   2.一旦栈内存中的某个东西（一般都是堆地址）被私有作用域以外的事物给占用了，则当前私有栈内存不能立即被释放销毁（特点：私有作用域中的私有变量等信息也保留下来了）

   //=>打开浏览器形成的全局作用域是栈内存
     //=>手动执行函数形成的私有作用域是栈内存
     //=>基于ES6中的let/const形成的块作用域也是栈内存
     //=>....
     /*
      * 全局栈内存：关掉页面的时候才会销毁
      * 私有栈内存：
      *    1.一般情况下，函数只要执行完成，形成的私有栈内存就会被销毁释放掉（排除出现无限极递归、出现死循环的模式）
      *    2.但是一旦栈内存中的某个东西（一般都是堆地址）被私有作用域以外的事物给占用了，则当前私有栈内存不能立即被释放销毁（特点：私有作用域中的私有变量等信息也保留下来了）  =>市面上认为的闭包：函数执行形成不能被释放的私有栈内存，这样的才是闭包
      */
     function fn(){
         //...
     }
     fn(); //=>函数执行形成栈内存，执行完成栈内存销毁
     function X(){
         return function(){
             //...
         }
     }
     let f=X(); //=>f占用了X执行形成的栈内存中的一个东西（返回小函数对应的堆），则X执行形成的栈内存不能被释放了

   浏览器内存释放处理

谷歌浏览器 ：浏览器每隔一段时间会对当前空间地址进行检查，看当前地址有没有被占用；如果没有被占用，浏览器会马上把这个空间地址回收掉；如果被占用，那么就不能销毁；

IE 火狐浏览器：采用了计数的规则； 如果当前地址被占用一次，那么浏览器会给当前这个地址+1； 如果不再占用，那么浏览器会让其-1；直到减到0，此时这个空间地址就没有被占用；那么浏览器会把这个地址立即回收

作用域链查找机制

作用域链定义
当输出变量值时，首先看变量在当前作用域是否是私有变量（有没有被var，形参），如果不是私有变量，那么要往 上一级作用域进行查找，如果上级上一级作用域也没有，那么会继续向上查找，直到找到window为止；如果window也没有，那么会报错；一级一级向上级查找会形成作用域链;

1. 从函数创建开始，作用域就已经指定了
2. 当前函数是在那个作用域（N）下创建的，，那么函数执行形成的作用域（M）的上级作用域就是N，和函数在那里执行没有关系，只和创建的地方有关系

var n = 10;
function fn() {
    console.log(n);
}
fn();//=>10
~function () {
    var n = 100;
    fn();//=>10 和FN在哪执行没有任何的关系,只和在哪创建的有关系(在全局创建的,所以FN执行形成的私有作用域AA的上级作用域永远是WINDOW)
}();

闭包的两个作用

从性能角度讲，我们真实项目中应该减少对闭包的使用（因为闭包会产生不释放的栈内存，过多使用容易导致内存溢出或者降低性能）

• 保护:保护私有变量不受外界的干扰
• 保存:形成不销毁的栈内存，把一些值保存下来，方便后面的调取使用

1. jQuery（JQ）前端非常经典的类库：提供了大量的方法供开发人员使用
   =>为了防止全局变量污染（解释：导入JQ后，它里面有大量的方法，如果这些方法不保护起来，用户编写的方法很容易和JQ方法名字相同产生冲突，产生冲突可以理解为全局变量污染）,JQ中的方法和变量需要用闭包保护起来 ```javascript /==JQ源码剖析==/ (function(global, factory){ //… //typeof window!==”undefined”?window:this 验证当前所处环境的全局对象是window还是global等 //factory=>function zhufeng(window,noGlobal){} factory(global); //=>zhufeng(window) })(window,function zhufeng(window,noGlobal){ //… var jQuery=function(selector, context){

    //...

   };

   //=>通过给全局对象增加属性:jQuery和$，把私有的jQuery方法暴露到全局作用域下，供外面使用（等价于return jQuery）（外界需要使用函数中的私有内容，我们可以基于window.xxx和return xxx两种方式实现这个需求）
   window.jQuery = window.$ = jQuery; });

//=>开始使用JQ jQuery(); //=>window.jQuery() $();

1. 在真实项目中，我们一般都要把自己写的内容放到一个闭包中，这样可以有效防止自己的代码和别人代码产生冲突（全局变量污染：真实项目中是要尽可能减少对全局变量的使用的）；如果需要把自己的东西给别人用，基于return和window.xxx等方式暴露给别人即可
```javascript
//=>原生JS
var zhufeng=(function(){
  //....A自己写的代码  
  return {
     name:'xxx'
  };
})();
(function(){
  //....B自己写的代码  
  window.xxx=xxx;
})();
//=>JQ
$(function(){
   //...这样写在某些角度上也是为了减少全局变量
});
2.Zepto这种方式：基于RETURN把需要共外面使用的方法暴露出去
/*
var Zepto=(function () {
    //...
    return {
        xxx:function () {
        }
    };
})();
Zepto.xxx();

1. 基于LET/CONST/CLASS等创建变量，会把所在的大括号（除对象的大括号之外）当做一个全新的私有块级作用域

• 函数执行会产生私有的栈内存（作用域/执行上下文）
• let等也会产生私有的块作用域（var不会）

  if(1===1){
  var a=10;
  }
  console.log(a); //=>10  a是全局作用域

  if(1===1){
    //=>let会有块作用域（现在大括号就是一个私有作用域）
    //=>a是私有变量
  let a=10;
  }
  console.log(a);//=>Uncaught ReferenceError: a is not defined