JavaScript基础学习-闭包

什么是闭包

当JavaScript执行完一段代码（比如一个函数），会将作用域销毁，释放内存空间
而闭包就是阻止这中情况发生的写法
简单的说，当JavaScript执行完一个函数后，没有闭包的情况下，这个函数中的作用域不会再使用了，就会被销毁。而闭包就是这个作用中的某个变量还要在被使用，所以阻止该变量的销毁。

• demo
  这段代码就产生了闭包，当函数foo执行完后，foo中的变量a并没有销毁，因为它还要在函数bar中使用，但是变量b已经被销毁了，因为它不会再被使用。

 function foo() {
    var a = 1;
    var b= 10;
    function bar() {
      console.log('闭包', a); // 1
    }
    return bar;
  }
  var baz = foo();
  baz();

for循环中的闭包

• demo1
  这段代码很简单，会输出0-5

for(var i=0;i<6;i++){
	console.log(i)
}

---

• demo2
  这段代码会输出6个6，因为延迟函数的回调会在循环结束的时候才执行，当循环结束时，i的值是6

for (var i = 0; i < 6; i++) {
    setTimeout(() => {
      console.log('timeout', i);
    });
}

---

• demo3
  要怎么样才能让for循环中的延迟函数输出0-5呢。IIFE自执行函数(Immediately Invoked Function Expression)会立即执行一个函数，创建作用域。

for (var i = 0; i < 6; i++) {
    (i => {
      setTimeout(() => {
        console.log(i); // 0-5
      });
    })(i);
}

es6的新声明let也可以。for循环中的let每次迭代都会声明，随后的每个迭代都会使用上一个迭代结果的值来初始化这个变量

for (let i = 0; i < 6; i++) {
    setTimeout(() => {
      console.log('let', i); // 0-5
    });
  }