• 闭包初窥


      不久前的面试中,面试官开门见山问我闭包是什么,我哑然。就像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的值了,保护了私有成员。

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

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

  • 相关阅读:
    [设计模式整理笔记 五] 创建者模式(Builder)
    ArrayList与List<T>笔记
    asp.net站点URLRewrite小记
    ArrayList Array List<T>性能比较
    C# Socket SSL通讯笔记
    [设计模式整理笔记 六] 工厂模式与创建者模式总结
    [设计模式整理笔记 七] 原型模式(ProtoType)
    实现页面提交时显示"正在处理.."
    [设计模式整理笔记 四] 抽象工厂模式(Abstract Factory)
    在 ASP.NET 中执行 URL 重写 [转MSDN]
  • 原文地址:https://www.cnblogs.com/lessfish/p/4563435.html
Copyright © 2020-2023  润新知