js闭包

作者: Winterdog | 来源:发表于2018-09-10 10:13 被阅读0次

    闭包的作用

    闭包简单来说就是函数中的函数,也可以把它理解为一种现象,就是说一个函数要访问另外一个目标函数内部的变量,就要在目标函数中再定义一个函数(以此来把作用域链往下延长一段,目的就是为了利用js在找自由变量时,会沿着作用域链一级一级往上找的特点),并将这个定义的函数return出来,供外部使用。在实际开发中,闭包主要是用来封装变量,收敛权限。

    例子

    function isFirstLoad(){
               var list=[];
               return function(option){
                   if(list.indexOf(option)>=0){
                       console.log('已存在')
                   }else{
                       list.push(option);
                       console.log('首次传入'); 
                   }
               }
           }
    
    var ifl=isFirstLoad();
    ifl("winter"); 
    ifl("dongodng");
    ifl("winter");
    

    可以看到访问内部函数的变量只能通过定义的isFirstLoad来访问,闭包的好处就是引用的作用域不会被方式做垃圾回收处理,当然不合理的使用会很耗费内存。

    作用域、作用域链、调用对象

    词法作用域是函数定义时的作用域,即静态作用域。当一个函数定义时,他的词法作用域就确定了,词法作用域说明的是在函数结构的嵌套关系下,函数作用的范围。这个时候也就形成了该函数的作用域链。作用域链就是把这些具有嵌套层级关系的作用域串联起来。函数的内部[[scope]]属性指向了该作用域链。
      动态作用域是函数调用执行时的作用域。当一个函数被调用时,首先将函数内部[[scope]]属性指向了函数的作用域链,然后会创建一个调用对象,并用该调用对象记录函数参数和函数的局部变量,将其置于作用域链顶部。动态作用域就是通过把该调用对象加到作用域链的顶部来创建的,此时的[[scope]]除了具有定义时的作用域链,还具有了调用时创建的调用对象。换句话说,执行环境下的作用域等于该函数定义时就确定的作用域链加上该函数刚刚创建的调用对象,从而也形成了新的作用域链。所以说是动态的作用域,并且作用域链也随之发生了变化。再看这里的作用域,其实是一个对象链,这些对象就是函数调用时创建的调用对象,以及他上面一层层的调用对象直到最上层的全局对象。 
      譬如全局环境下的函数A内嵌套了一个函数B,则该函数B的作用域链就是:函数B的作用域—>函数A的作用域—>全局window的作用域。当函数B调用时,寻找某标识符,会按函数B的作用域—>函数A的作用域—>全局window的作用域去寻找,实际上是按函数B的调用对象—>函数A的调用对象—>全局对象这个顺序去寻找的。也就是说当函数调用时,函数的作用域链实际上是调用对象链。

    延长变量的寿命

    除了变量的作用域,另外一个和闭包有着亲密关系的就是变量的生存周期了。一般来说,全局变量的生存周期是永久的,直到我们主动销毁。而在函数内不用var关键字声明的局部变量来说,当退出函数时,这些函数变量立即失去它们的价值,也就被垃圾回收机制销毁了,也算寿终正寝。可是在闭包中,却不是这样。

          var a = 1; 
          a++;
          console.log(a);
    }; 
    func();  
    func();  
    func();  
    
    image.png

    可以看到a变量在函数结束的时候就已经被销毁了。

          var a = 1;
          return function(){  //匿名函数
                a++;
                console.log(a);
          }
    };
    var f = func(); 
    f();  
    f();  
    f();  
    f();   
    
    image.png

    可以看到闭包中的变量在函数结束的时候依然存在,保存在内存中,可以继续访问到,这就实现了变量的分装和复用。

    相关文章

      网友评论

          本文标题:js闭包

          本文链接:https://www.haomeiwen.com/subject/hwijgftx.html