JS基础 关于闭包在for循环中的使用

主要是针对ES5的语法，因为ES6中有块级作用域了（尽管我不知道为什么我还一直在用es5的语法）

先展示一段问题代码

for (var i = 0; i < data.length; i++) {
     var $btn=$('#iBtn');
     $btn.on('click',function(e){
           alert(data[i].name)
     }          
}    

然后你会发现为很多个元素绑定一个点击事件的时候，所有的btn的弹出的永远是data里面最后一个值。

这时候就用到闭包，闭包的作用就是让当前作用域的值不会被垃圾回收。

for (var i = 0; i < data.length; i++) {
     (function (row) {
         var name =row.name;
         var $btn=$('#iBtn');
         $btn.on('click',function(e){
               alert(name);
         }
     })(data[i])
}