任务20 闭包、定时器-简答题

1.什么是闭包? 有什么作用?

  • 闭包的英文单词是closure,是指有权访问另一个函数作用域中变量的函数。

  • 闭包在本质上,就是将函数内部和函数外部连接起来的一座桥梁,内层函数可以使用外层函数的所有变量,即使外层函数已经执行完毕。

  • 闭包的作用
    1.使用闭包可以大大减少我们的代码量,是代码看上去更加清晰。
    2.保护函数内变量的安全
    3.在内存中维持一个变量
    4.闭包使得Javascript的垃圾回收机制(GC)不会收回变量所占用的资源,GC指的是*垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存,不再使用的变量也就是生命周期结束的变量,当然只可能是局部变量,全局变量的生命周期直至浏览器卸载页面才会结束。局部变量只在函数的执行过程中存在,而在这个过程中会为局部变量在栈或堆上分配相应的空间,以存储它们的值,然后在函数中使用这些变量,直至函数结束,而闭包中由于内部函数的原因,外部函数并不能算是结束。
    以下详细的代码实例:
    //创建闭包
    function myfn(){
    return function(){
    return ("我是内层匿名函数")
    }
    }
    console.log(myfn)//输出整个函数表达式
    console.log(myfn())//输出内部的匿名函数表达式
    调用方式1
    console.log(myfn()())//输出内部匿名函数的返回值:“我是内层匿名函数”
    调用方式2
    var bb=myfn()
    console.log(bb())//输出:“我是内层匿名函数”
    作用1- 通过闭包访问局部变量
    function myfn(){
    var aa="局部变量aa"
    }
    console.log(aa);// aa is not defined,由于aa是局部变量函数外无法访问

        function myfn(){
          var aa="局部变量aa"
          return function(){
          return(aa)//通过匿名函数返回函数myfn()的局部变量aa
        }
      }
        console.log(myfn()())//调用方式1:输出-“局部变量aa”
          var bb=myfn()
        console.log(bb());//调用方式2:输出-“局部变量aa”
      //作用2:把局部变量的值始终保存在内存中,可以避免使用全局变量,全局变量会导致命名冲突、垃圾回收等麻烦,闭包的缺陷就是由于闭包资源不会被立刻销毁会大量的占用内存,导致性能下降
       var num=10;
       function add(){
      console.log(++num);
     }
       add();//输出10
       add();//输出11
       add();//输出12,函数没执行一次,累计一次,因为num是全局变量
        function ad(){
      var num=100;//改为局部变量
      console.log(++num);
       }
       ad();ad();ad();//3次输出结果都是100,局部变量无法实现累加
     //闭包实现局部变量的累加
     function addd(){
      var num=1000;//局部变量
      return function(){
          num++;
          console.log(num)
      }
     }
       addd()(); addd()(); addd()();//输出结果都为1000,调用方式1失败,因为
       //每调用一次函数,初始化函数一次,
       var fn=addd();
       fn();fn();fn();//输出结果1001,1002,1003,调用方式2成功,因为执行3次函数只初始化函数一次,后面调用时执行里面的匿名函数
      fn=null //赋值为null,有利于垃圾回收器回收,释放内存,提高性能
    

2.setTimeout 0 有什么作用

  • 实现实现javascript的异步,正常情况下javascript都是按照顺序执行的。但是我们可能让该语句后面的语句执行完再执行本身,这时就可以用到setTimeout延时0ms来实现了

    console.log(1)
    setTimeout("console.log(2)",0);
    console.log(3);
    //正常按顺序执行输出结果为1,2,3
    //但是延时了0ms后,输出结果为:1,3,2
    
  • 在事件中,setTimeout 会在其完成当前任何延宕事件的事件处理器的执行,以及完成文档当前状态更新后,告诉浏览器去启用 setTimeout 内注册的函数。

      <input id="lower" type="text" placeholder="请输入字母">
      <script type="text/javascript">
        var lower=document.getElementById("lower");
            lower.addEventListener("keydown",function(){
            var a=this;
              setTimeout(function(){
              a.value=a.value.toUpperCase();
          },0);
      })
    </script>
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问题 一、什么是闭包? 有什么作用? 闭包闭包就是能够读取其他函数内部变量的函数。在javascript中,只有函...
    婷楼沐熙阅读 607评论 0 0
  • 问答 什么是闭包? 有什么作用答:“官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一...
    饥人谷_桶饭阅读 232评论 0 0
  • 什么是闭包? 有什么作用闭包:函数对象可以通过作用域链相互关联,函数体内部的变量可以保存在函数的作用域内。 上述代...
    coolheadedY阅读 754评论 0 0
  • 1.什么是闭包? 有什么作用 闭包指有权访问另一个函数作用域的变量的函数。创建闭包的常见方式 是 在一个函数...
    JunVincetHuo阅读 1,431评论 0 2
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,881评论 2 17