闭包

闭包(closure)

闭包的概念

官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数)，因而这些变量也是该表达式的一部分。

闭包是指有权访问另一个函数作用域中的变量(参数)的函数
闭包就是能够读取其他函数内部变量(参数)的函数
闭包可以理解成定义在一个函数内部的函数
函数就是闭包

当一个函数能够记住并访问到其所在的词法作用域及作用域链，特别强调是在其定义的作用域外进行的访问，此时该函数和其上层执行上下文共同构成闭包。

需要明确的几点：

1. 闭包一定是与函数相关
2. 闭包和词法作用域、作用域链、垃圾回收机制等息息相关
3. 函数内保持对上层作用域的引用 *
4. 当函数在其定义的作用域外保持引用并进行访问时，才产生闭包 *
5. 闭包是由该函数和其上层执行上下文共同构成 *

变量及作用域：

变量无非就是两种：全局变量和局部变量。
Javascript语言中，函数内部可以直接读取全局变量，在函数外部无法直接读取函数内的局部变量。

程序设计中作用域的概念：
通常来说，一段程序代码中所用到的名字并不总是有效／可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。

词法作用域：
词法作用域，也叫静态作用域，它的作用域是指在词法分析阶段就确定了，不会改变。
动态作用域，是在运行时根据程序的流程信息来动态确定的，而不是在写代码时进行静态确定的。
主要区别：词法作用域是在写代码或者定义时确定的，而动态作用域是在运行时确定的。
词法作用域关注函数在何处声明，而动态作用域关注函数从何处调用。

javascript 使用的是词法作用域

// 词法作用域
var abc = 1;
function f1() {
    console.log(abc);
}
function f2() {
    var abc = 2;
    f1();
}
f2();

// 类似动态作用域
function show() {
    console.log(this);
}
show();
document.querySeletor(".btn").onclick = function () {
    console.log(this);
    show();
}
document.querySelector(".btn").onclick = show;
var timer=setTimeout(show,1000);

作用域链

作用域链：本质上是一个指向变量对象的指针列表，它只引用但不实际包含变量对象。

每个执行环境都有一个与之关联的变量对象，执行环境中定义的所有变量和函数都保存在这个变量对象中。

全局执行环境是最外围的一个执行环境，在Web浏览器中，全局执行环境的变量对象是window对象。
当JavaScript解释器初始化执行代码时，首先默认进入全局执行环境。

局部执行环境的变量对象，则只在函数执行的过程中存在。
当函数被调用的时候，会创建一个特殊的对象–活动对象。
活动对象之后会作为局部执行环境的变量对象来使用。

EC (Execution Context) 执行环境(执行上下文)
VO (Variable Object) 变量对象
AO (Activation Object) 活动对象
scope chain 作用域链

function compare(value1,value2){
    if(value1 < value2){
        return -1;
    } else if( value1 > value2 ) {
        return 1;
    } else {
        return 0;
    }
}
var result = compare(5, 10);

垃圾回收机制
各大浏览器通常采用的垃圾回收机制有两种：标记清除、引用计数

标记清除
当变量进入执行环境时，将这个变量标记为“进入环境”。当变量离开执行环境时，则将其标记为“离开环境”，就销毁回收内存。

引用计数
跟踪记录每个值被引用的次数，当引用次数变成0时，就销毁回收内存

function fn1(){
    var n = 5;
    n++;
    return n;
}
console.log( fn1() ); 
console.log( fn1() );

闭包的应用

在函数外读取函数内部的变量；
让局部变量的值能够被保存下来；
将模块的公有属性和方法暴露出来。

function fn1(){
    var n = 5;
    return function fn2() {
        n++;
        return n;
    }
}
var fn = fn1();
console.log( fn() );
console.log( fn() );
console.log( fn() );

注意：
闭包会使得函数中的变量被保存在内存中，增加内存消耗，不能滥用闭包，否则会造成网页的性能问题，在低版本IE中还可能导致内存泄露。

Q.E.D.