JavaScript的闭包(closure)是什么？

一、闭包是什么？

闭包（closure）就是通过嵌套函数的方式，缓存嵌套函数及其执行环境，等待下一次调用。直观的说就是形成一个不销毁的栈环境。这样可以保护变量和方法，使其私有化。

1、私有化变量

function makeFunc() {
    var name = "Mozilla";
    function displayName() {
        alert(name);
    }
    return displayName;
}
// 闭包隐藏了变量name，myFunc无法直接访问
var myFunc = makeFunc();

// 只能通过执行闭包，来访问name
myFunc();

2、缓存执行环境

function makeAdder(x) {
    return function (y) {
        return x + y;
    };
}

// 闭包的执行环境被缓存，也就是x的值和嵌套函数被缓存在add5
var add5 = makeAdder(5);

// 调用执行闭包，输出结果：7
console.log(add5(2));

3、数据封装与隐藏

JavaScript中没有Java中private关键字，但可以用闭包来实现，做到对数据的隐藏和封装。

// 成功的隐藏了 变量(privateCounter) 和 方法(changeBy)
var makeCounter = function () {
    var privateCounter = 0;
    function changeBy(val) {
        privateCounter += val;
    }
    return {
        increment: function () {
            changeBy(1);
        },
        decrement: function () {
            changeBy(-1);
        },
        value: function () {
            return privateCounter;
        }
    }
};

var Counter1 = makeCounter();
var Counter2 = makeCounter();
console.log(Counter1.value()); /* logs 0 */
Counter1.increment();
Counter1.increment();
console.log(Counter1.value()); /* logs 2 */
Counter1.decrement();
console.log(Counter1.value()); /* logs 1 */
console.log(Counter2.value()); /* logs 0 */

4、性能优化

如果不是特殊需求，在函数中创建函数是不明智的，因为闭包需要消耗更多CPU和内存资源，对脚本性能有负面影响。当创建新的对象时，应该在 prototype 中定义方法，而不是对象构造器。因为每一次创建对象，都要重新赋值构造器中的方法。

// 比较糟糕的使用闭包的方式，
// 因为每一次 new MyObject，都会重新赋值getName和getMessage
function MyObject(name, message) {
    this.name = name.toString();
    this.message = message.toString();
    this.getName = function () {
        return this.name;
    };

    this.getMessage = function () {
        return this.message;
    };
}

// 推荐使用这种方式，替代上面。
// prototype 是所有MyObject对象共享的，无需重新赋值getName和getMessage
function MyObject(name, message) {
    this.name = name.toString();
    this.message = message.toString();
}
MyObject.prototype.getName = function () {
    return this.name;
};
MyObject.prototype.getMessage = function () {
    return this.message;
};

二、参考文档：