zoukankan      html  css  js  c++  java
  • 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
    
    
  • 相关阅读:
    点击链接,取得href的值,但是不转向
    启动和停止MySQL服务
    QuickText for Notepad++
    otepad++ 配置 支持jquery、html、css、javascript、php代码提示
    windows 2008+IIS7+Mysql+PHP5.5 + FastCGI环境配置
    Jquery异步请求数据实例代码
    JS读取本地文件及目录的方法
    c#.net从ftp下载文件到本地
    怎样才能充分利用SQL索引
    jQuery EasyUI Datagrid性能优化专题
  • 原文地址:https://www.cnblogs.com/mabiao008/p/6123163.html
Copyright © 2011-2022 走看看