4 立即调用函数表达式

在看尝试文章中的列子的时候发现了一个小问题。

var els = document.getElementsByTagName("A");
        for (var i = 0; i < els.length; i++) {
            els[i].addEventListener('click', function (e) {
                e.preventDefault();
                alert(i);
            }, 'false');
}

addEventListener 对象 在IE6,7,8 下不兼容. 万恶啊

var ObjHelp = {
            addEventListener: function (el, eventName, func, bool) {
                if (el.addEventListener) el.addEventListener(eventName, func, bool);
                el.attachEvent(eventName, func);
            }
};

当然 这样算是一种解决方法。 不过依然有问题 比如像上面那个例子。 需要循环的时候 每次都判断必进不好.

 

回到正题

var els = document.getElementsByTagName("A");
        for (var i = 0; i < els.length; i++) {
            els[i].addEventListener('click', function (e) {
                e.preventDefault();
                alert(i);
            }, 'false');
}

其实这样代码我们想要的结果是 弹出 0,1,2,3,4,5.....

但是结果你会发现 他永远只会弹出 最后那位。

 

var els = document.getElementsByTagName("A");

        for (var i = 0; i < els.length; i++) {
            (function (lockedInIndex) {
                els[lockedInIndex].addEventListener('click', function (e) {
                    e.preventDefault();
                    alert(lockedInIndex);
                }, 'false');
            })(i);
 }

这样的结果就是 0,1,2,3...

为什么必包lockedInIndex 没有改变呢。 因为他的执行已经结束了。

 

PS: 其实文章标题的东西 我反而没有怎么写。 因为我觉得挺好理解的

原文地址