任务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>