js闭包的理解

1. 什么叫闭包

闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成 " 定义在一个函数内部的函数" 。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

2. 闭包的三大特性

• 内嵌函数：函数嵌套函数，内嵌函数对函数中的局部变量进行访问
• 局部变量：在函数内定义有共享意义的局部变量
• 外部使用：函数向外返回此内嵌函数，外部可通过此内嵌函数访问声明在函数中的局部变量，而此变量在外部是通过其他路径无法访问的
• 参数和变量不会立即被垃圾回收机制回收

3. 闭包的优点

• 可读取函数内部的变量
• 局部变量可以保存在内存中，实现数据共享
• 执行过程中所有变量都匿名在函数内部

4. 闭包的缺点

• 使函数内部变量存在于内存中，内存消耗大
• 滥用闭包可能导致内存泄露
• 闭包可以在父函数外部改变父函数内部的值，慎操作

5. 闭包的产生条件

作用域嵌套

在父级作用域里生成了一个变量 var i=0  在子作用域里使用这个变量，这样声明的那个变量 i 就是 自由变量，这种作用域嵌套环境叫做 闭包环境。

在内存中存在和回收站相似的机制，叫做 垃圾回收机制。自由变量在函数关闭后被放在垃圾回收机制里，当下次调用时，再重新出来。

6. 闭包的使用场景

• 模拟私有方法
• setTimeout循环
• 匿名自执行函数
• 结果要缓存场景
• 实现类和继承

7. 使用闭包的注意点

• 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
• 闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

8. 为什么要使用闭包？

• 使用闭包可以延长局部变量的生命周期，不让局部变量使用后立即释放，被删除。

// 当声明变量 i 在outFn 函数外面时，输出结果为：1,2,3,4
var i=0;
function outerFn(){
    return function innerFn(){
        i++;
        console.log(i);
    }
}
var fn1 = outFn();
fn1();
fn1();

var fn2 = outFn();
fn2();
fn2();

// 当声明变量 i 在innerFn函数里面时，输出结果为：1,1,1,1
// (当函数重复调用的时候，其内部的局部变量会被重新声明)
function outerFn(){
    return function innerFn(){
        var i=0;
        i++;
        console.log(i);
    }
}
var fn1 = outFn();
fn1();
fn1();

var fn2 = outFn();
fn2();
fn2();

/*当声明变量 i 在innerFn函数外面，outerFn函数里面时，输出结果为：1,2,1,2
因为声明变量是在outFn函数作用域里，在outFn的子作用域里 i 被使用，所以这时的 i 为自由变量，这时得作用域嵌套环境叫做闭包，形成了闭包。*/
function outerFn(){
    var i=0;
    return function innerFn(){
        i++;
        console.log(i);
    }
}
var fn1 = outFn(); i 声明了一次
fn1(); i 自增一次,变为1
fn1(); i 自增一次 变为2
var fn2 = outFn(); i 重新被声明 为0
fn2(); i 自增一次 为1
fn2(); i 自增一次 为2