深入理解javascript之闭包

页面导航:首页 > 网络编程 > JavaScript > 深入理解javascript之闭包

深入理解javascript之闭包

来源: 作者: 时间:2016-02-02 09:58 【

理解闭包闭包是静态语言不具有的一个特性,闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。闭包就是函数的堆栈在函数返回后并不释放,可以理解为这些

理解闭包

闭包是静态语言不具有的一个特性,闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。闭包就是函数的堆栈在函数返回后并不释放,可以理解为这些函数并不在栈上分配而是在堆上分配。

 

这里需要讲一下堆栈,堆与栈都是语言用来在RAM中存放数据的地方。栈的优势就是存取速度比堆要快,仅次于直接位于CPU中的寄存器,但缺点是,存在栈中的数据大小与生存期必须是确定的,缺乏灵活性。堆的优势是可以动态地分配内存大小,生存期也不必事先告诉编译器,垃圾收集器会自动地收走这些不再使用的数据,但是缺点是由于在运行时动态分配内存,所以存取速度较慢。

 

回归正题,在了解了javascript的作用域原理之后,我们知道想从外部获取局部变量在正常情况下是办不到的。我们可以通过闭包来实现。

首先,我们在函数的内部再定义一个函数:

 function f1(){
    var n=999;
    function f2(){
      alert(n); // 999
    }
  }

这时函数f2可以获取函数f1所有的局部变量,但是反过来就不行。因为f2可以访问f1的局部变量,所有我们把f2当做返回值给返回,就可以在外部访问f1的局部变量了:

  function f1(){
    var n=999;
    function f2(){
      alert(n); 
    }
    return f2;
  }
  var result=f1();
  result(); // 999

这就是闭包。

如果还不能理解,看看下面两个代码的区别就明白了:

 

 var name = "TheWindow";

  var object = {
    name : "My Object",

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

    }

  };

  alert(object.getNameFunc()());//TheWindow


 

 

 

var name= "The Window";

  var object = {
    name : "My Object",

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

    }

  };

  alert(object.getNameFunc()());//MyObject


 

 

使用闭包

 

闭包可以读取到函数内部的变量,这的确是一个非常大的作用,但是我们还是要尽量避免使用闭包,这是为什么呢?我们在刚才介绍闭包的概念的时候说到了,闭包之后函数的堆栈不会释放,也就是说这些值始终保持在内存中。

示例:


 function f1(){

    var n=999;

    nAdd=function(){n+=1}

    function f2(){
      alert(n);
    }

    return f2;

  }

  var result=f1();

  result(); // 999

  nAdd();

  result(); // 1000


可以看到n一直存储在内存中,并没有在f1调用后被自动清除。

 

所以在使用闭包时需要注意,内存消耗的问题。解决办法是在退出函数之前,将不使用的局部变量全部删除。还有就是闭包可以在父函数的外部改变父函数内部变量的值,所以如果父函数是对象,把闭包当做公用方法,把内部变量当做私有属性时要注意。


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<