公司新来的女实习生问我什么是闭包？

观感度：🌟🌟🌟🌟🌟

口味：冰镇西瓜

烹饪时间：20min

撩妹守则第一条，女孩子都喜欢童话故事。

那就先来说一个童话故事~

// 有一个公主
// 她生活在一个充满冒险的奇妙世界里
// 她碰见了她的白马王子，带着她骑着独角兽环游世界
// 与龙搏斗，遇到了会说话的松鼠，以及许多其余幻想的事情。
function princess () {
    var adventrures = [];
    function princeCharming () {};
    var unicorn = {};
    var dragons = [];
    var squirrel = "Hello!";
    // 但她不得不回到她那充满家务和大人们的单调世界。
    return {
    // 她常常给身边的人讲她做为一个公主的奇妙经历。
      story:function () {
          return adventures[adventures.length - 1];
      }
    }
}
// 但他们看到的只是一个小女孩在讲述关于魔法和幻想的故事
var littleGril = princess();
littleGril.story();
// 即便大人们知道她是真正的公主，他们也不会相信所谓的独角兽或龙，由于他们永远看不到它们
// 大人们说它们只存在于小女孩的想象中
// 但咱们知道真正的真理
// 里面的小女孩真的是个公主
复制代码

这个故事来自于stackoverflow的一则回答，看不懂不要紧，等阅读完本文后，回头再来看这个故事，你会发现你已经彻底了解了个人魅力，咳咳@¥%#…………JavaScript中闭包的魅力。

什么是闭包？

当函数能够记住并访问所在的词法做用域时，就产生了闭包，即便函数是在当前词法做用域以外执行。 --- 你不知道的JavaScript(上卷)

来个🌰

function demo() {
    var a = 1;
    return function () {
        return a; 
    }
}

var a = demo();
console.log(a());  // 1
复制代码

闭包的构成

闭包由两部分构成：函数，以及建立该函数的环境。

环境由闭包建立时在做用域中的任何局部变量组成。

闭包的本质

闭包实际上是JavaScript函数做用域的反作用产品。

闭包是一种特殊的对象。

所谓有意栽花花不开,无意插柳柳成荫，不是JavaScript故意要使用闭包，而是因为JavaScript的函数内部可使用函数外部的变量，这段代码又刚恰好符合闭包的定义。

在JavaScript中，外部函数调用以后其变量对象本应该被销毁，但闭包阻止了它们的销毁，咱们仍然能够访问外部函数的变量对象。

进一步的说，一般状况下，函数的做用域及其全部变量都会在函数执行结束后被销毁。可是，若是建立了一个闭包的话，这个函数的做用域就会一直保存到闭包不存在为止。

function addCalculator (x) {
    return function (y) {
        return x + y;
    }
}

var add1 = addCalculator(1);

console.log(add1(1)); //2

// 释放对闭包的引用
add1 = null;

console.log(add1(1)); //Uncaught TypeError: add1 is not a function

复制代码

闭包的应用

咱们能够用闭包来作什么呢？

了解Java的同窗可能知道，Java是支持私有方法的，私有方法只能被一个类中的其余方法所调用，可是JavaScript没有提供这种原生支持，因此咱们能够经过闭包来模拟私有方法。

私有方法天然有私有方法的好处，私有方法有利于限制对代码的访问，并且能够避免非核心的方法干扰代码的公共接口，减小全局污染。

来个🌰

var calculator = (function(){
    var a = 1;
    function addCalculator(val){
        a += val
    }
    return {
        add1:function() {
            addCalculator(1);
        },
        add2:function() {
            addCalculator(2);
        },
        result:function() {
            return a
        }
    }
})();

console.log(calculator.result());  // 1
calculator.add1();
console.log(calculator.result());  // 2
calculator.add2();
console.log(calculator.result());  // 4
复制代码

上面这种方式也叫作模块模式(module pattern)。

使用闭包的注意事项

内存泄漏

由于闭包可使函数中的变量都保存在内存中，形成很大的内存消耗，因此若是 不是某些特定的任务须要使用闭包，咱们不要滥用它。

不少博客中都提到了这一点，可是其实都是不彻底对的。

敲黑板！！！

使用不当的闭包会在IE(IE9)以前形成内存泄漏问题。由于它的JavaScript引擎使用的垃圾回收算法是引用计数法，对于循环引用将会致使GC(下文会介绍)没法回收垃圾。

关于各个浏览器的闭包测试，详情请见司徒正美-js闭包测试

垃圾回收机制

都9102年了，全国开始实行垃圾分类了，你竟然还不知道垃圾回收机制，赶快来补习一下！

垃圾回收也就是GC(Garbage Collection)。

GC把程序不用的内存空间视为垃圾，找到它们而且将它们回收，让程序员能够再次利用这部分空间。

不是全部的语言都有GC，通常存在于高级语言中，如Java、JavaScript、Python。那么在没有GC的世界里，程序员就比较辛苦，只能手动去管理内存，好比在C语言中咱们能够经过malloc/free，在C++中的new/delete来进行管理。

垃圾回收算法

由于这一部分的内容不少，本文只进行简单的讲解，若是想深刻了解垃圾回收算法的同窗能够在文末获取学习资料。

GC标记-清除算法

世界上首个值得记念的GC算法是GC标记-清除算法。由于自其问世以来，一直到半个世纪后的今天，它依然是各类处理程序所用的伟大的算法。

GC标记-清除算法由标记阶段和清除阶段构成，标记阶段将全部的活动对象作上相应的标记，清除阶段把那些没有标记的对象，也就是非活动对象进行回收。在搜索对象并进行标记的时候使用了深度优先搜索，尽量的从深度上搜索树形结构。

优势：

1.算法简单，实现容易。

2.与保守式的GC算法兼容。

缺点：

1.在使用过程当中会出现碎片化的状况，如同Windows的文件系统同样，致使 无数的小分块散布在堆的各个地方。

2.分配速度，因为分块的不连续性，算法每次分配的时候都须要遍历空闲链表为了找到足够大的分块，这样最糟糕的状况就是遍历到最后才找到合适的分 块，影响了分配速度。

引用计数法

这种方法中引入了计数器的概念，经过计数器来表示对象的“人气指数”，也就是有多少个程序引用了这个对象。当计数器(引用数)为0时，垃圾马上被回收。

优势:

1.能够当即回收垃圾。

2.最大暂停的时间短。

3.而且没有必要沿指针查找。

缺点:

1.上文提到过的循环引用没法回收。

2.而且实现起来很复杂。

3.计数器值的增减处理十分繁重。

4.同时计数器须要占不少位，致使内存空间的使用效率大大下降。

软件工程没有银弹，这些缺点也都有相应的办法进行解决，若是你想深刻了解垃圾回收算法，能够购买垃圾回收的算法与实现这本书去看，建议支持正版。

欢迎关注个人我的公众号，文章将同步发送，后台回复【福利】便可免费领取海量学习资料。

你的前端食堂，记得按时吃饭。

ps：你也能够后台回复垃圾回收便可领取相关资料一份～