学习记录：使用立即调用的函数表达式创建局部作用域

这段程序（bug程序）输出什么？

  function wrapElements(a) {
        var result = [], i, n;
        for (i = 0, n = a.length; i < n; i++) {
           result[i] = function () { return a[i]; };
        }
        return result
    }
    var wrap = wrapElements([10, 20, 30, 40, 50])
    var f = wrap[0]
    f();//?

你可能希望这段程序输出10，但实际上它输出的是 undefined 值

这是因为：我们希望该函数存储的是嵌套函数创建时变量 i 的值。但事实上，它存储的是变量 i 的引用。由于每次函数创建后变量 i 的值都发生了变化，因此内部函数在执行时拿到的是变量 i 的最终值（5）。值得注意的是，闭包存储的是外部变量的引用而不是值。

所以，我们调用其中任何一个闭包，它都会查找数组的索引 5 并返回 undefined 值。解决方法是通过创建一个嵌套函数，并立即调用它来强制创建一个局部作用域

    function wrapElements(a) {
        var result = [], i, n;
        for (i = 0, n = a.length; i < n; i++) {
            (function () {
                var j = i;
                result[i] = function () { return a[j]; };
            })();
        }
        return result
    }
    var wrap = wrapElements([10, 20, 30, 40, 50])
    var f = wrap[0]
    f();//10

这种技术被称为立即调用的函数表达式，或IIFE。它是一种不可或缺的解决JavaScript缺少块级作用域的方法。另一种变种是将作为形参的局部变量绑定到IIFE并将其值作为实参传入。

  function wrapElements(a) {
        var result = [], i, n;
        for (i = 0, n = a.length; i < n; i++) {
            (function (j) {
                result[i] = function () { return a[j]; };
            })(i)
        }
        return result
    }
    var wrap = wrapElements([10, 20, 30, 40, 50])
    var f = wrap[0]
    f();//10