第一次接触闭包，是在一个小DEMO里面，当时给我留下来的印象是，闭包本来是不存在的，我们要人为的去创造，现在又一次接触到，才发现原来的认知是错误的，闭包无处不在，有时候我们需要去避免，有时候需要去利用；

那么就从一个经典的例子开始：

<div class="wrap">
    <button>click</button>
    <button>click</button>
    <button>click</button>
    <button>click</button>
</div>
<script type = 'text/javascript'>
    var btns = $('button');
    for(var i=0;i<btns.length;i++) {
        btns[i].onclick = function set(){
            console.log(i);
        };
    }
</script>    

本来想着，按几输出几的下标，写完出来，完全不是

效果

当时，我的理解就是：外面的循环太快，导致里面绑定还没来得及，等去赋值的时候，i已经冲到了4，于是乎就变成了都输出4；
现在想想，要真是这样，btns[i]这个onclick那就绑定到4上去了，根本就没有btns[4]，绑定毛线；

现在弄清楚了，在绑定的时候，确实i是跟着for循环再一个一个绑定，但是绑定的事件根本都没触发，里面的btns[i]根本没去要i的值，给btns[0]~btns[3]绑定的只是光秃秃的console.log(i)，最后触发的时候，i已经变成了4，故就变成了上面这个样子；

相比上次，对原因一知半解甚至还有错的，现在理解稍微深刻一点了，这次知道如何修复，达成目的：

    var btns = $('button');
    for(var i=0;i<btns.length;i++) {
        bind(i);
    }
    function bind(num){
        btns[num].onclick = function set(){
        console.log(num);
        };
    }

这个是用闭包解决了，分别创建不同的闭包，并且每个相互不影响，来马上保存记录当时的数字；

当然现在还有一个另外的方法，关键是一个马上保存，并且保存下来相互不干扰；

    var btns = $('button');

    for(var i=0;i<btns.length;i++) {
        btns[i].val = i;
        btns[i].onclick = function () {
            console.log(this.val);
        };
    }

将i绑定到每个按钮身上，并且利用前几天接给我带来烦恼的this；

修复