13.使用立即调用的函数表达式创建局部作用域

199 阅读1分钟

闭包存储的是其外部变量的引用而不是值。

function warpElements(a) {
    var result = [],
        i, n;
    for (i = 0, n = a.length; i < n; i++) {
        // console.log(i);
        result[i] = function() {
            // console.log(i);
            return a[i];
        }
       // console.log(`result[${i}]:${result[i]}`);
    }
    // console.log(result);
    return result;
}
var warpped = warpElements([10, 20, 30, 40, 50]);
var f = warpped[0];
f(); // undefined

通过立即调用的函数表达式来创建一个局部作用域。

function warpElements(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 warpped = warpElements([10, 20, 30, 40, 50]);
var f = warpped[0];
f();

提示

  • 理解绑定与赋值的区别。
  • 闭包通过引用而不是值捕获它们的外部变量。
  • 使用立即调用的函数表达式(IIFE)来创建局部作用域。
  • 当心在立即调用的函数表达式中包裹代码块可能改变其行为的情形。