如何产生闭包？
当一个嵌套的内部子函数引用了嵌套的外部父函数的变量（函数）时，就产生了闭包。

什么是闭包

• 闭包是嵌套的内部函数。
• 包含被引用变量（函数）的记录。

注意：闭包存在于嵌套的内部函数中。

产生闭包的条件：
函数嵌套
内部函数引用了外部函数的数据（变量/函数）

执行函数定义（不需要调用函数）就可以产生闭包。

function fn1() {
    var a = 2
    function fn2(){
        console.log(a)
    }
}

上述代码就产生了一个闭包。在fn2中。

我们看到在fn2的Closure中有一个变量a。

1. 函数可以作为另一个函数的返回值

function fn1() {
    var a = 2
    function fn2(){
        a++
        console.log(a)
    }
    return fn2
}
var f = fn1()
f() //3
f() //4

我们发现结果值是递增的。说明a没有消失。
执行多少闭包的关键是看外部函数创建了几次。和内部函数的执行没有关系。

2. 也可以作为参数传递给另一个函数调用。

function showDelay(msg, time){
  setTimeOut(function(){
    alert(msg)
  }, time)
}
showDelay('Message', 2000)

内部的setTimeOut产生了闭包。

闭包的作用

1. 使函数内部的变量在函数执行完后仍然存在于内存中（延长了局部变量的生命周期）。
2. 让函数外部可以操作到函数内部的数据（变量/函数）。

闭包的生命周期

产生： 在嵌套内部函数定义执行完时就产生了（不是在调用）
死亡：在嵌套的内部函数成为垃圾对象时。
还是以上面的代码为例

function fn1() {
    var a = 2
    function fn2(){
        a++
        console.log(a)
    }
    return fn2
}
var f = fn1()
f() //3
f() //4

闭包的产生是在var a=2的时候就产生了。因为在这里存在变量提升，当然也包括函数fn2。

之后就是闭包死亡的问题了。当我们将f设置为null的时候，内部嵌套函数fn2就成了垃圾对象。此时闭包死亡。

闭包的应用

定义JS模块

JS模块：具有特定功能的JS文件。
将所有的数据和功能封装到一个函数的内部。
只向外暴露一个或包含n个方法的函数。
模块的使用者，只要通过模块暴露的对象调用方法来实现对应的功能。

首先我们先创建一个JS模块（module.js）

function myModule() {
    var msg = "message"
    function doSomething() {
        console.log('do something ', msg.toUpperCase())
    }

    function doOtherThings() {
        console.log('do other things ', msg.toLowerCase())
    }

    return doSomething
}

之后调用这个JS模块

<script type="text/javascript" src="module.js"></script>
<script type="text/javascript">
    var fn = myModule()
    fn()
</script>

这个时候问题来了，如果我们想暴露两个函数，要怎样做？
可以使用一个容器将两个函数封装起来。

function myModule() {
    var msg = "message"
    function doSomething() {
        console.log('do something ', msg.toUpperCase())
    }

    function doOtherThings() {
        console.log('do other things ', msg.toLowerCase())
    }

    return {
        doSomething: doSomething,
        doOtherThings: doOtherThings
    }
}

匿名函数自调用向外暴露的方法：

(function () {
    var msg = "message"
    function doSomething() {
        console.log('do something ', msg.toUpperCase())
    }

    function doOtherThings() {
        console.log('do other things ', msg.toLowerCase())
    }

    window.module2 = {
        doSomething: doSomething,
        doOtherThings: doOtherThings
    }
})()

使用该调用方式

<script type="text/javascript" src="module2.js"></script>
<script type="text/javascript">
    module2.doSomething()
    module2.doOtherThings()
</script>