Javascripts闭包最简洁的理解

讲得比较好的一个:

https://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

总结:

  •  闭包就是能够读取其他函数内部变量的函数。

 闭包的作用:

  •  一是前面提到的可以读取函数内部的变量
  • 二是让这些变量的值始终保持在内存中

使用闭包的注意点

1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

对于思考题的解释:
代码1:

  var name = "The Window";

  var object = {
    name : "My Object",

    getNameFunc : function(){
      return function(){
        return this.name;
      };

    }

  };

  alert(object.getNameFunc()());

返回:The Window

原因:this指向是根据上下文来的。getNameFunc里面的function()感知不到父函数getNameFunc里面的对象,所以,this指向了全局对象window。

另外:由于call可指定上下文object,alert(object.getNameFunc().call(object))也会返回My Object。因为object.getNameFunc()返回的是一个函数function(){return this.name;}。

其实代码1改成如下,返回的就是My Object了:

  var name = "The Window";

  var object = {
    name : "My Object",

    getNameFunc : function(){
      return this.name;

    }

  };

  alert(object.getNameFunc());

也就是思考题代码2中实现的效果:

var name = "The Window";

  var object = {
    name : "My Object",

    getNameFunc : function(){
      var that = this;
      return function(){
        return that.name;
      };

    }

  };

  alert(object.getNameFunc()());

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值