闭包的那些事儿

一、什么是闭包

闭包是一个能够访问其他函数作用域的函数。

通俗的说就是，如果一个函数能访问其他函数作用域中的变量，那么这个函数就叫做闭包。

注意：

若一个函数在另一个函数的内部，这个内部函数一定是闭包，不管这个内部函数是以怎样的形式存在于外层函数中的。下面举几个例子：

• 例一，在一个函数中又定义了一个函数

function father () {
    function son () {
    }
}

• 例二，在一个函数中先创建了一个对象，然后在对象内部定义了函数

function father () {
    var object = new Object();
    object.son = function () {
    }
}

•  例三，本质上和形式二一样，也是先在函数内部定义了一个对象，只不过定义对象的方式和形式二有所区别。

function father () {
    var object = {
        son : function(){}
    };
}

二、使用场景

1.setTimeout

setTimeout的第一个参数一般是一个即将要执行的函数，第二个参数是一个延迟时间。但是原生的setTimeout有一个缺陷，你传递的第一个函数不能带参数。即

setTimeout(func(i),1000);

这样的语句是不生效的（不过在不同浏览器中有不同的错误，总之都无法达到预期效果）

这时，我们就可以用闭包来实现这个效果了。

function fn(i) {
  return function() {
    console.log(i);
  };
}

let f1 = fn(1);
setTimeout(f1, 1000);

2.匿名自执行函数 

我们创建了一个匿名的函数，并立即执行它，由于外部无法引用它内部的变量，因此在函数执行完后会立刻释放资源，关键是不污染全局对象，闭包内的变量也不会被外部函数所修改。

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

三、优缺点

优点：

1. 能够访问外层函数中的变量，且外层函数执行完可以继续访问外部函数的变量和参数
2. 避免全局变量污染
3. 私有成员的存在

缺点：

1. 内存得不到释放，增加内存使用量；
2. 使用不当造成内存泄漏。

四、 划重点

闭包return的函数中不要引用任何循环变量，或者后续会发生变化的变量。