自执行函数

//下面这段代码是错误的

var elems = document.getElementsByTagName('a');

//假设elems.length=5
for (var i = 0; i < elems.length; i++) {
    elems[i].addEventListener('click', function (e) {
        e.preventDefault();
        alert('I am link #' + i);
    }, 'false');
};

这段代码是错误的，最终执行的结果是弹出框的内容都为：I am link#5.

听师傅是这样解释的：在js这种弱类语言中，for循环下如果还有其他函数执行，for循环不会等待它内部的函数执行完就执行下次循环了，而且for循环里面是瞬间执行完的。整个循环相当于是异步执行的，i的最终结果都是elems.length的值。

//但下面这段代码是正确的：它是个自执行函数；

//因为他在自执行函数表达式闭包内部,
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);
}
//------重点-----上面例子里的lockedInIndex变量，也可以换成i，因为和外面的i不在一个作用于，所以不会出现问题，这也是匿名函数+闭包的威力。

--------------------------自执行函数的几个写法----------------------------------
方法1：最前最后加括号 ：常用的推荐用法
	(function(){alert(1);}());
方法2：function外面加括号 
   (function(){alert(1);})();
方法3：function前面加运算符，常见的是!与void
     !function(){alert(1);}();
或者  void function(){alert(2);}();