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

生活是一种态度,态度是一种心情!
原文地址:https://www.cnblogs.com/tim2017/p/js_closure.html