用闭包保存状态的实例 - 为页面上所有的a元素添加handler点击时alert index

和普通function执行的时候传参数一样，自执行的函数表达式也可以这么传参，因为闭包直接可以引用传入的这些参数，利用这些被lock住的传入参数，自执行函数表达式可以有效地保存状态。

// 这个代码是错误的，因为变量i从来就没背locked住// 相反，当循环执行以后，我们在点击的时候i才获得数值// 因为这个时候i操真正获得值// 所以说无论点击那个连接，最终显示的都是I am link #10（如果有10个a元素的话）var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) {    elems[i].addEventListener('click', function (e) {        e.preventDefault();        alert('I am link #' + i);    }, 'false');}// 这个是可以用的，因为他在自执行函数表达式闭包内部// i的值作为locked的索引存在，在循环执行结束以后，尽管最后i的值变成了a元素总数（例如10）// 但闭包内部的lockedInIndex值是没有改变，因为他已经执行完毕了// 所以当点击连接的时候，结果是正确的var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) {    (function (lockedInIndex) {        elems[i].addEventListener('click', function (e) {            e.preventDefault();            alert('I am link #' + lockedInIndex);        }, 'false');    })(i);}// 你也可以像下面这样应用，在处理函数那里使用自执行函数表达式// 而不是在addEventListener外部// 但是相对来说，上面的代码更具可读性var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) {    elems[i].addEventListener('click', (function (lockedInIndex) {        return function (e) {            e.preventDefault();            alert('I am link #' + lockedInIndex);        };    })(i), 'false');}

其实，上面2个例子里的lockedInIndex变量，也可以换成i，因为和外面的i不在一个作用于，所以不会出现问题，这也是匿名函数+闭包的威力。

该内容是深入理解JavaScript系列（4）：立即调用的函数表达式 中的一部分。