明白了上下文环境、作用域、作用域链以及自在变量，我们再来聊聊闭包。

我们不急于给出闭包的观点，先从运用闭包的两种状况 —— 1.函数作为返回值，2.函数作为参数被通报 —— 来直观的熟悉它。

第一，函数作为返回值

function fn() {
    var max = 10;
    
    return function bar(x) {
        if( x > max ) {
            console.log(x);
        }
    };
}

var f1 = fn();
f1(15);

如上代码，bar函数作为返回值，赋值给f1变量。实行f1(15)时，用到了fn作用域下的max变量的值。至于怎样跨作用域取值，能够参考上一节。

第二，函数作为参数被通报

var max = 10,
    fn = function(x) {
        console.log( x > max ? true : false );
    };

(function(f) {
    var max = 100;
    f(20);
})(fn);

如上代码中，fn函数作为一个参数被通报进入另一个函数，赋值给f参数。实行f(20)时，max变量的取值是10，而不是100，所以打印结果是true。

上一节讲到自在变量跨作用域取值时，曾强调过：要去建立这个函数的作用域取值，而不是“父作用域”。明白了这一点，以上两段代码中，自在变量怎样取值应当比较简单。

以上是从作用域的角度对闭包的明白，我们还能够连系实行上下文栈来明白闭包。

在前面讲实行上下文栈时说到，有些状况下，函数挪用完成以后，其实行上下文环境不会接着被烧毁。这就是须要明白闭包的核心内容。

我们能够拿本文的第一段代码（稍作修正）来剖析一下。

第一步，代码实行前(预处理阶段)天生全局上下文环境，并在实行时对个中的变量举行赋值。此时全局上下文环境是运动状况。

图片形貌

第二步，实行第17行代码时，挪用fn()，发生fn()实行上下文环境，压栈，并设置为运动状况。

第三步，实行完第17行，fn()挪用完成。按理说应当烧毁掉fn()的实行上下文环境，然则这里不能这么做。注重，重点来了：由于实行fn()时，返回的是一个函数。函数的特别之处在于能够建立一个自力的作用域。而正偶合的是，返回的这个函数体中，另有一个自在变量max要援用fn作用域下的fn()上下文环境中的max。因而，这个max不能被烧毁，烧毁了以后bar函数中的max就找不到值了。

因而，这里的fn()上下文环境不能被烧毁，还依旧存在与实行上下文栈中。

——即，实行到第18行时，全局上下文环境将变成运动状况，然则fn()上下文环境依旧会在实行上下文栈中。别的，实行完第18行，全局上下文环境中的max被赋值为100。如下图：

第四步，实行到第20行，实行f1(15)，即实行bar(15)，建立bar(15)上下文环境，并将其设置为运动状况。

实行bar(15)时，max是自在变量，须要向建立bar函数的作用域中查找，找到了max的值为10。这个历程在作用域链一节已讲过。

这里的重点就在于，建立bar函数是在实行fn()时建立的。fn()早就实行完毕了，然则fn()实行上下文环境还存在与栈中，因而bar(15)时，max能够查找到。假如fn()上下文环境烧毁了，那末max就找不到了。

运用闭包会增添内容开支，如今很明显了吧！

第五步，实行完20行就是上下文环境的烧毁历程，这里就不再赘述了。