JavaScript基础之闭包小例子

闭包：就是在一个函数中执行的另外一个函数总能访问到其外部的变量或者参数，即使外部函数执行完毕也可以。

闭包特点：

（1）访问函数内部的变量成为可能；

（2）闭包中的变量，不会被回收，在IE中会出现内存溢出的问题，是IE浏览器的问题；

（3）避免变量的全局污染。

看几个闭包的例子：

for (var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(i)
    }, 1000)
}
console.log(i)

打印的结果是：5,5,5,5,5,5

如果我们约定，用箭头表示其前后的两次输出之间有 1 秒的时间间隔，而逗号表示其前后的两次输出之间的时间间隔可以忽略，结果应该是什么呢？

打印的结果是：5 -> 5,5,5,5,5

重点来了，如果希望输出的结果是：5 -> 0,1,2,3,4代码应该如何改造？应该是这样的：

for (var i = 0; i < 5; i++) {
    (function(j) {  // j = i
        setTimeout(function() {
            console.log(j);
        }, 1000);
    })(i);
}
console.log(i);



for (var i = 0; i < 5; i++) {
    setTimeout(function(i) {
        console.log(i)
    }, 1000);
}

console.log(i)

将setTimeout包装在一个自调函数中，那么这样就形成了闭包，i传入函数形成了函数自己内部的参数，循环执行，每次加1。所以结果是0,1,2,3,4

为什么要用闭包：

（1）访问函数内部的变量

（2）闭包中的变量即时在外层函数执行完毕后也不会被回收

闭包的应用场景：

• 使用闭包代替全局变量
• 函数外或在其他函数中访问某一函数内部的参数
• 在函数执行之前为要执行的函数提供具体参数
• 在函数执行之前为函数提供只有在函数执行或引用时才能知道的具体参数
• 为节点循环绑定click事件，在事件函数中使用当次循环的值或节点，而不是最后一次循环的值或节点
• 暂停执行
• 包装相关功能

注意点：

因为闭包在执行完毕后，不会主动释放变量，所以需要手动将不用的变量清楚。