JS闭包

闭包

• 高阶函数除了可以接受函数作为参数外，还可以把函数作为结果值返回
• 当一个函数返回一个函数后，其内部的局部变量还可以被新函数引用

function lazy_sum(arr) {
    var sum = function() {
        return arr.reduce(function(x, y) {
            return x + y;
        });
    };
    return sum;
}

var arr = [1, 2, 3, 4];

lazy_sum(arr); // 返回函数sum
lazy_sum(arr)(); // 调用并求值

• 返回函数不要引用任何循环变量或者后续会发生变化的变量

function count () {
    var arr = [];
    for (var i = 1; i <= 3; i++) {
        arr.push(function() {
            return i * i;
        });
    }
    return arr;
}
var result = count();
var f1 = result[0];
var f2 = result[1];
var f3 = result[2];

// 调用f系列函数
f1(); // 16
f2(); // 16
f3(); // 16

• 原因在于引用了变量i，并没有立刻执行，而是等三个函数都返回的时候，i都变为4才执行
• 闭包返回牢记：返回函数不要引用任何循环变量，或者后续会发生变化的变量
• 若一定要引用循环变量，可以再创建一个函数，用该函数的参数绑定循环变量当前的值

function count() {
    var arr = [];
    for (var i = 1; i <= 3; i++) {
        arr.push((function(n) {
            return function() {
                return n * n;
            })(i);
        }
    }
}

// 这里创建一个匿名函数并立即执行的语法
(function(x) {
    return x * x;
})(3); // 9
// 理论上讲，匿名函数可以这么写
function (x) { return x * x } (3);
// js引擎会把{开头的语句当作块处理
// js语法解析的问题，会报SyntaxError错误，因此要括起来整个定义
（function (x) { return x * x })(3);

• 借助函数的闭包，可以封装一个私有变量

function create_counter(initial) {
    var x = initial || 0;
    return {
        inc: function() {
            x += 1;
            return x;
        }
    }
}
// like this
var c1 = create_counter();
c1.inc(); // 1
c1.inc(); // 2
c1.inc(); // 3

var c2 = create_counter(10);
c2.inc(); // 11
c2.inc(); // 12
c2.inc(); // 13

• 闭包就是携带状态的函数，并且它的状态完全对外隐藏起来