对闭包的理解

今天学习了 <<你不知道的JavaScript>>这本书

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

所有的函数回调都会在循环结束后执行,延时为0也会打印出5, 此处循环了5个函数,但是他们还是处于同一个共同作用域(所有的函数还是在for循环内部)下面,因此实际上只有一个i

  • 正面代码示例
for (var i = 1; i <= 5; i++) {

  (function (i) {
    console.log(i)
    setTimeout(function timer() {
      console.log(i);
    }, i * 1000)
  })(i);

}

自己的理解:// 每一个循环都会生成一个闭包(形成一个新的作用域),变量i也会被传递进去并且被封闭在作用域中 这样每一个作用域中都会有一个供回调函数使用的正确的变量

posted @ 2020-09-15 14:52  阿臻  阅读(133)  评论(0编辑  收藏  举报