• js闭包


    一、Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。

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

    另一方面,在函数外部自然无法读取函数内的局部变量。

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

    这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量

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

    二、如何从外部读取局部变量?

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

    三、闭包的概念

    上一节代码中的f2函数,就是闭包。

    闭包就是能够读取其他函数内部变量的函数

    四、闭包的用途

    一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。

    五、使用闭包的注意点

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

    2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

    六、思考题

      var name = "The Window";
      var object = {
        name : "My Object",
        getNameFunc : function(){
          return function(){
            return this.name;
          };
        }
      };
      alert(object.getNameFunc()());
      结果:The Window
    var name = "The Window";
      var object = {
        name : "My Object",
        getNameFunc : function(){
          var that = this;
          return function(){
            return that.name;
          };
        }
      };
      alert(object.getNameFunc()());
      结果:My Object
    
    
  • 相关阅读:
    微服务架构总结
    微服务-网关服务
    HttpClient-RestTemplate-Feign
    RPC和REST
    Springmvc的拦截器执行顺序及各方法作用
    秒杀系统优化方案(下)吐血整理
    秒杀系统优化方案(上)吐血整理
    分布式session的管理
    缓存设计——缓存和数据库的数据一致性
    个人理解的javascript作用域链与闭包
  • 原文地址:https://www.cnblogs.com/mabiao008/p/6123163.html
Copyright © 2020-2023  润新知