闭包(closure)

一、变量的作用域

     全局变量和局部变量

js中:就是在函数内部可以直接读取全局的变量;而在函数外部无法读取函数内的局部变量

注意:内部声明变量的时候,一定要加var命令。如果不加的话。实际声明的会是一个全局变量。

二、怎么在函数外部读取到函数内部的变量呢?

     就要用到闭包了

闭包:1.一个函数包含另一个函数;2.并且里面的函数是作为外面函数的返回值。就形成了闭包。

例:

function f1(){

  n = 999;

  function f2(){

    alert(n);

  }

}

上面的代码中,函数f2就被包括在函数f1的内部。这时,f1内部的所有局部变量,f2都是可以看得见的。反过来就不行了,f2内部的局部变量,f1是看不到的。

这就是js语言特有的“链式作用域”结构。

子对象会一级一级地向上寻找父对象的变量,所以,父对象的所有变量都对子对象是可见的。反之不成立。

既然。f2可以读取f1中的局部变量, 那么只需要把f2作为返回值,我们就可以在f1的外部就能读取到f2的内部变量了。

例:

function f1(){

  n= 999;

  function f2(){

    alert(n);

  }

  return f2;

}

var aa = f1();

aa();    // 999

 

三、垃圾回收机制

两种:1标记清除; 2.引用计数

在js中,1.如果一个对象不再被引用,那么这个对象就会被回收的。2.如果两个对象互相引用,而不再被第三者引用,那么这两个互相引用的对象也会被回收。

3.因为函数f1被f2引用,f2又被f1外面的aa引用了,所以f1执行后不会被回收了。

 

 

三、 闭包

上面的代码中,f2函数就是闭包。闭包就是能够读取其他函数内部变量的函数。

四、 闭包的好处

1.可以读取其他函数内部的变量。   2.让这些变量的值始终保持在内存中。

例:

  function f1(){

    var n = 999;

    abc = function(){

      n+=1;

    }

    function f2(){

      alert(n);

    }

    return f2;

  }

  var aa = f1()

  aa ();     //999

  abc();

      aa();       //999+1  --->1000

在这段代码中,aa实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000,这样证明了,函数f1中的局部变量n一直保存在内存中,并没有再f1调用后被自动清除。不会在调用结束后,被垃圾回收机制回收的。

abc是一个全局变量,而不是局部变量,而且abc是一个匿名函数。匿名函数本身也是一个闭包

五、使用闭包的注意点

1.由于闭包会使函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包。会造成网页的性能问题,在ie中可能会导致内存的泄漏。

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

2.闭包会在父函数外部,改变函数内部变量的值。

 

posted @ 2016-12-02 14:41  yukiiwu  阅读(149)  评论(0)    收藏  举报