zoukankan      html  css  js  c++  java
  • Javascript闭包(Closure)简化精简版

    在高级应用中需要依靠js闭包(closure)来实现~

    1.变量的作用域:全局变量和局部变量。

    Javascript可以在函数内部直接读取全局变量。

         var a=1; //全局变量

         var c=2; //运行方法a1后 c被赋值为3

      function a1(){
        alert(a); //可获得全局变量a

               var b =2; //局部变量 只能方法a1内调用

               c = 3; //声明了一个全局变量

      }

      a1(); //1

         alert(c); //3

         console.log(a,c); //1 3 //如果不执行a1();那就是1 2 //再如果注释var c=2,又注释a1();方法,那就报c没定义Uncaught ReferenceError: c is not defined

    注意:在函数外部无法读取函数内的局部变量;

    2.从外部读取局部变量:

      function aa(){ //var aa = function(){ ... }

        var aa=function(){
        var a=2;
        //console.log("aa"+a); //aa2
        function b(){ //闭包函数
          var b=a++; //b=a++=2;a=3;
          console.log("a:"+a+",b:"+b); //a:3,b:2
        }
        return b;
      }
       var c=aa();
       c(); //2 
      //aa(); //只执行aa()里,不执行b(); //var c=aa; 也是一样 不执行b();

     目的:读取函数内部的变量,使内部变量的值始终保持在内存中。

    function aa(){
        var a=9;
        add=function(){a+=1;} //全局变量
        function b(){
          console.log(a);
        }
        return b;
      }
      var c=aa(); //在add();前执行
      c(); // 9
      add();
      c(); // 10

    注意:闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题。

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

    练习:

      var name = "Tim";

      var object = {
        name : "Mary",
        love: function(){
          return function(){
            return this.name;
          };
        }
      };
      alert(object.love()());


      var name = "Tim";
      var object = {
        name : "Mary",
        love: function(){
          var she = this;
          return function(){
            return she.name;
          };
        }
      };
      alert(object.love()());

    //Tim     Mary

    生活是一种态度,态度是一种心情!
  • 相关阅读:
    iOS
    iOS
    iOS
    iOS
    iOS(WKWebView)OC与JS交互 之三
    iOS(UIWebView 和WKWebView)OC与JS交互 之二
    CentOS VMware 下SSH配置方法详解
    15个nosql数据库
    MySql 优化
    Elasticsearch 相关名词理解
  • 原文地址:https://www.cnblogs.com/tim2017/p/js_closure.html
Copyright © 2011-2022 走看看