zoukankan      html  css  js  c++  java
  • 闭包

    读取全局变量。 

      var n=999; 

      function f1(){ 
        alert(n); 
      } 

      f1(); // 999 

    在函数外部自然无法读取函数内的局部变量。 

      function f1(){ 
        var n=999; 
      } 

      alert(n); // error 

    没有var 是全局变量 

      function f1(){ 
        n=999; 
      } 

      f1(); 

      alert(n); // 999 



     

      function f1(){ 

        n=999; 

        function f2(){ 
          alert(n); 
        } 

        return f2; 

      } 

      var result=f1(); 

      result(); // 999 



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

    闭包,函数套函数;
      作用:可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 





    闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 

    怎么来理解这句话呢?请看下面的代码。 

      function f1(){ 

        var n=999; 

        nAdd=function(){n+=1} 

        function f2(){ 
          alert(n); 
        } 

        return f2; 

      } 

      var result=f1(); 

      result(); // 999 

      nAdd(); 

      result(); // 1000 

    在这段代码中,result实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。 

    为什么会这样呢?原因就在于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。 

    这段代码中另一个值得注意的地方,就是“nAdd=function(){n+=1}”这一行,首先在nAdd前面没有使用var关键字,因此nAdd是一个全局变量,而不是局部变量。其次,nAdd的值是一个匿名函数(anonymous function),而这个匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。


  • 相关阅读:
    js插件-图片椭圆轮播效果
    js-放大镜效果
    vue使用技巧,及遇到的问题
    vue的传参方式和router使用技巧
    关于new Date()的日期格式处理
    图片上传预览
    缓动动画的原理
    input不能输入汉字和负数
    上传格式判断方法
    Vue-cli3.0配置全局less
  • 原文地址:https://www.cnblogs.com/songtengfei/p/3414742.html
Copyright © 2011-2022 走看看