javascript的闭包问题-CSDN博客

本文链接：https://blog.csdn.net/dcliu2012/article/details/45364367

今天写游戏UI时候，需要排列出好友的头像，因为每个头像都是基本一样的，所以自然用到for循环构建，这样每个头像被点击都会有个callback，callback里做的事就是把头像设成灰色，当时怎么写都有问题，我想这么简单的问题都不会写了，向老大请教了下javascript的闭包问题，发现了问题，这个问题可以简化成这样的模型

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

这段代码在chrome console里运行输出的是9个10，这就是我今天犯的错误，以为callback 函数有了闭包 i 会保留当时的值，其实不会，那我们有这样的需求，需要他闭包能保留当时的i 值，怎么办呢？我们可以这样写

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

这样就真正形成了闭包，在console里输出的就是1，2，3，4，5，6，7，8，9，差别就在于在创建函数的时候把此刻的 i 值赋给他，作为他的闭包了

问题虽然很简单，但感觉却也很有趣，函数式编程确实很好玩