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;
};

二、参考文档:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值