闭包

闭包


对于闭包,简单的理解就是:函数嵌套函数,内层函数可以访问外层函数中的变量,就形成了闭包。

①闭包的优点:这个变量在外层函数执行完之后还不会被销毁,因为它被别的函数使用了;

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

②闭包的定义:

function f1(){
 
    var m = 10;
 
    function f2(){
 
      alert(m); // 10
 
    }
}

③闭包的作用:

    (1)可以读取函数内部的变量;

    (2)让这些变量的值始终保存在内存中,因为闭包的执行依赖外部函数中的变量,只有闭包执行完成之后,才会释放变量所占用的内存;

④使用闭包的注意事项:

 (1)注意的问题:由于闭包会使得函数中的变量都被保存在内存中,内存消耗大,所以不能滥用闭包,否则会造成网页的性能问题,在IE浏览器中可能会造成内存泄露。

     解决方法:在退出函数之前,将不使用的局部变量全部删掉;

(2)注意的问题:闭包会在父函数外部,改变父函数内部变量的值。

      如果把父函数当做对象使用,把闭包当做公用方法,把内部变量当做私有属性,此时不要随便改变父函数内部变量的值:

   //----代码一 
   var name = "The Window";
  var object = {
    name : "My Object",
    getNameFunc : function(){
      return function(){      //js中,函数就是作用域
        return this.name;   // 闭包  + this,造成的问题,函数中的this不能访问到作用域外的变量
      };
    }
  };
 
  alert(object.getNameFunc()());   //this的作用域是在函数执行的时候确定,因为匿名函数是一个全局变量,因此this指向的是window对象
                                     // 因此输出结果是:The Window
 
   //-----代码二
  var name = "The Window";
  var object = {
    name : "My Object",
    getNameFunc : function(){
      var that = this;         //--this指向object,保留了对象object在that里面,
      return function(){ 
        return that.name;    //这里输出对象object的name属性的值
      };
 
    }
 
  };
 
alert(object.getNameFunc()());  // 所以暑促值:My  Object


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值