闭包初窥

  不久前的面试中,面试官开门见山问我闭包是什么,我哑然。就像this一样,可能给我几道关于this的题目我会做,但是要我说说什么是this,我还真不知道从何说起,为了face以后同样的问题,查阅了一些资料在此简单做下记录。诚然,楼主对于闭包的理解还处在初级阶段...

  简单来说闭包拥有三个特性:

1.函数嵌套函数
2.函数内部可以引用外部的参数和变量
3.参数和变量不会被垃圾回收机制回收

  闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量。使用闭包有一个优点,也是它的缺点,就是可以把局部变量驻留在内存中,可以避免使用全局变量。全局变量在每个模块都可调用,这势必将是灾难性的。(所以推荐使用私有的,封装的局部变量。)一般函数执行完毕后,局部活动对象就被销毁,内存中仅仅保存全局作用域。但闭包的情况不同!

  我觉得这段说明也很精彩:js里的函数在运行结束之后,所有的过程中产生的变量都会被销毁(销毁原则是无引用)
但在js的函数A里定义一个函数B并在外部引用时,这条引用链上的变量都不会销毁(即使A已经运行结束),这个函数B就叫做一个闭包。

function fn() {
  var a = 0;
  function f() {
    console.log(a++);
  }
  return f;
}

var b = fn();
b();  // 0
b();  // 1
b();  // 2

  接着来看上面的例子,这是一段经典的闭包代码,我们看看代码都干了些什么。

  首先要明确f函数即是所谓的闭包,我们看到它嵌套在fn函数内,而且访问了外部的变量a,同时console的结果也证明了变量a贮存在了内存中!为什么会这样呢?原因在于f被赋予给了一个全局变量b,导致始终存在在内存中,而f的存在必须依赖于fn,这导致fn也始终存在在内存中,于是变量a不会在执行后被垃圾回收机制回收。以上例子很好地避免了全局变量的使用,避免了全局变量的污染。

  闭包还有什么用?继续一个经典的例子:

<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>
<script>
  var lis = document.getElementsByTagName('li');
  for(var i = 0; i < lis.length; i++) {
    ~function(i) {
      lis[i].onclick = function() {
        alert(i)
      };
    }(i)
  }
</script>

  我们都知道不使用闭包的话,每个li弹出的数字会是一样的,这时的闭包就能把i的值储存在内存中。

  闭包还可用于模块化代码,减少全局变量的污染:

var abc = (function(){ //abc为外部匿名函数的返回值
  var a = 1;
  return function(){
    a++;
    alert(a);
  }
})();

abc(); //2     
abc(); //3

  闭包还可用于设置私有成员:

var obj = function(){
  var num = 0;
  function a() {
    num++;
    return num;
  }

  function b() {
    num++;
    return num;
  }

  return {
    a: a,
    b: b
  }
}();

console.log(obj.a()); // 1
console.log(obj.b()); // 2

  这样就无法修改num的值了,保护了私有成员。

  个人感觉闭包和立即执行函数有着剪不断理还乱的关系啊...

  楼主对于闭包的理解暂时到这里了,如有不对或者补充之处还望留言~

原文地址:https://www.cnblogs.com/lessfish/p/4563435.html