闭包与setTimeout

闭包

闭包的做用：

闭包的本质是一个函数 闭包能够访问函数内部变量 闭包的存在会使内部变量保留在内存中 闭包的应用：

1. 模仿块级做用域
2. 存储变量（js GC原理，基于javascript中函数做用域链的特色，内部函数保留了对外部函数的活动变量的引用，因此变量不会被释放）， 用于保存比较重要或者计算耗费很大的值。
3. 封装私有变量（不直接访问变量）

在了解闭包的做用以前，咱们先了解一下 Javascript 中的 GC 机制:

在 Javascript 中，若是一个对象再也不被引用，那么这个对象就会被 GC 回收，不然这个对象一直会保存在内存中。

在下述例子中，B 定义在 A 中，所以 B 依赖于 A ,而外部变量 C 又引用了 B , 因此A间接的被 C 引用。

也就是说，A 不会被 GC 回收，会一直保存在内存中。： 例子：

function A() {
    var count = 0;
    function B() {
       count ++;
       console.log(count);
    }
    return B;
}
var C = A();
C();// 1
C();// 2
C();// 3
复制代码

() 等价于 （A（））（）,为了访问函数内部的函数，而且隐藏内部的函数信息获得须要的结果。 高级写法：匿名函数的写法

(function (s){...})(s)等价于

function A(){
function B(s){
...
}
return B;
};
//相对于
function(s){...} === B === A();
B(s) === (function(s){...})(s)= (A())(s);
复制代码

这里很明显能够看到外面能够访问函数内部的变量，这是闭包的一个很重要的功能。

什么是闭包？所谓闭包就是利用函数的局部做用域的特性（函数内部的函数能够访问函数的变量，而内部函数里的变量函数没法访问）来实现外部函数经过闭包获取函数内部变量的一个过程，同时也不须要暴露内部的具体状况。而利用GC特性，咱们经过闭包能够保存一些须要长时间保持的数据。

setTimeout

可能有人会说，切,setTimeout有啥可说啊~~~很差意思，可能本人见识短浅，setTimeout这里仍是有几点能够说到说到。

在讲setTimeout以前，先看个经典的例子：

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

你们应该都知道，因为js的运行机制setTimeout属于异步任务。setTimeout 会挂起微任务，因为var不存在块级做用域，因此最终的i都是同一个i，i === 5循环结束，i+1 === 6，而后打印。因此结果是6，6，6，6，6，6。 那么如何乖乖的让这个打印出0到5呢？目前我想到了三种状况：

1. 闭包： 既然var没有块级做用域，那就用闭包模拟块级做用域。(实质是利用函数的局部做用域)

for(var i=0; i<=5; i++){
    (function(j){
        setTimeout(function(){
            console.log(j);
        }, i*1000);
    })(i)
}
复制代码

2. let： let的块级做用域。

for(let i=0; i<=5; i++){
    setTimeout(function(){
        console.log(i);
    }, i*1000);
}
复制代码

3)setTimeout传参：可能有些人知道，可能有的人并不知道。

for(var i=0; i<=5; i++){
    setTimeout(function(j){
        console.log(j);
    }, i*1000, i);
}
复制代码

其实setTimeout内部一样是用到了闭包传参给回调函数，因此，咱们可使用setTimeout传参实现这个。

引伸一下：

setTimeout是否是只能传一个参数，NO、NO、NO，确定不是，用脚想一想都不可能（考虑到实用性，通用性），那么怎么传？不买关子了，看例子：

var i = 1;     
 setTimeout(function(j,k,l){
        console.log(j,k,l);
    }, i*1000, i,2*i, 3*i);
复制代码

打印结果：

咱们能够大胆的猜想，setTimeout从第三个参数开始，能够传多个参数给回调函数。

不放心的话，能够去MDN里仔细的了解一下：developer.mozilla.org/zh-CN/docs/…

若是以为这么一个的写传入的参数，或者是参数的个数不明确，该怎么传？此时es6里的扩展运算符...能够排上用途了：

var i = 1;     
 setTimeout(function(...args){
        console.log(args[0],args[1], args[2]);
    }, i*1000, ...[i, 2*i, 3*i]);
复制代码

以上即是关于闭包与setTimeout的一点点总结，欢迎你们积极支持不对和不完整的地方。（轻点喷，谢谢啦！）