返回变量深入理解JavaScript系列阅读笔记（4）：立即调用的函数表达式

发一下牢骚和主题无关：

    关于原文中的用闭包保存状态

// 所以说无论点击那个连接，终究表现的都是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 am link #10（如果有10个a元素的话），这是作用链域的分配机制导致的。从表面上看，仿佛每次点击某个连接的时候都应该返回自己的索引值。即点击位置为0的链接应该返回0，点击位置为1的链接应该返回1，以此类推。但实际上，点击每个链接都返回链接数的最大值，这是因为每个elems[i].addEventListener

    他们都保存着全局的活动对象，所以他们引用的都是同一个变量i(按引用传递)。

    解决方法：通过创建另一个匿名函数，强制使结果符合预期。

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,由于函数的变量是按值传递的，所以会将以后变量的值复制给lockedInIndex，所以终究我们能够失掉预期的结果。

 

文章结束给大家分享下程序员的一些笑话语录： 打赌
飞机上，一位工程师和一位程序员坐在一起。程序员问工程师是否乐意和他一起玩一种有趣的游戏。工程师想睡觉，于是他很有礼貌地拒绝了，转身要睡觉。程序员坚持要玩并解释说这是一个非常有趣的游戏："我问你一个问题，如果你不知道答案，我付你5美元。然后你问我一个问题，如果我答不上来，我付你5美元。"然而，工程师又很有礼貌地拒绝了，又要去睡觉。　　程序员这时有些着急了，他说："好吧，如果你不知道答案，你付5美元；如果我不知道答案，我付50美元。"果然，这的确起了作用，工程师答应了。程序员就问："从地球到月球有多远？"工程师一句话也没有说，给了程序员5美元。　　现在轮到工程师了，他问程序员："什么上山时有三条腿，下山却有四条腿？"程序员很吃惊地看着工程师，拿出他的便携式电脑，查找里面的资料，过了半个小时，他叫醒工程师并给了工程师50美元。工程师很礼貌地接过钱又要去睡觉。程序员有些恼怒，问："那么答案是什么呢？"工程师什么也没有说，掏出钱包，拿出5美元给程序员，转身就去睡觉了。