关于JS中的闭包

闭包的定义：函数A的内部有一个函数B，函数B可以访问到函数A的变量，那么函数B就是闭包。

对于闭包是函数嵌套了函数，然后返回一个函数，这样的解释是不完整的，比如下面的例子就可以反驳这个观点

function A() {
  let a = 1;
  window.B = function () {
    console.log(a);
  };
};

A();
B(); // 1

在JS中，闭包存在的意义就是让我们可以间接访问函数内部的变量。

我们还可以用闭包解决var定义函数的问题

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

首先因为setTimeout是个异步函数，所以会把循环全部执行完毕，这时候 i 就是 6 了，结果会输出一堆的6。解决办法有三种

1、使用闭包的方式

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

在上诉代码中，首先使用了立即执行函数将 i 传入函数内部，这个时候值就会被固定在了参数 j 上面不会改变，当下次执行 timer 这个闭包的时候，就可以使用外部函数的变量 j ，从而达到目的。

2、使用setTimeout的第三个参数，这个参数会被当成timer函数的参数传入

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

3、使用let定义i来解决问题，这也是最为推荐的方式

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

---END---