闭包、定时器

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

• 一个函数，能够访问另一个函数作用域中的变量。
• 作用：一、使变量保存在内存中，不被回收。二、可以读取内部变量。

闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
使用闭包的注意点:：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。

2.setTimeout 0 有什么作用

把该语句放到最后，等其他语句执行完毕后立即执行 setTimeout 0 语句。0为延迟时间。

Paste_Image.png

3.下面的代码输出多少？修改代码让fnArr() 输出 i。使用两种以上的方法

var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i;
        };
    }
    console.log( fnArr[3]() );  //

方法一：

var fnArr = [];
for (var i = 0; i < 10; i ++) {
    fnArr[i] =  (function(n){
      return function (){
          return n;
      }
  })(i);
}
console.log( fnArr[3]() );  //

方法二：

var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  (function(){
            var n = i;
            return function(){
              return n;
            }
        })();
    }
    console.log( fnArr[3]() );  //

方法三：

//方法3
   var fnArr = [];
       for (var i = 0; i < 10; i ++) {
         (function(){
           var n = i;
           fnArr[i] =  function(){
               return n;
           }    
         })();
       }
       console.log( fnArr[3]() );  //

4.使用闭包封装一个汽车对象，可以通过如下方式获取汽车状态

var Car = (function(){
          var speed = 0;
          function setSpeed(n){
             speed = n;
          }
          function getSpeed(){
            return speed;
          }
          function accelerate(){
            speed += 10;
          }
          function decelerate(){
            speed -= 10;
          }
          function getStatus(){
            if(speed === 0){
              return 'stop';
            }else{
              return 'running';
            }
          }
          return {
            'setSpeed':setSpeed,
            'getSpeed':getSpeed,
            'accelerate':accelerate,
            'decelerate':decelerate,
            'getStatus':getStatus,
            'speed':'error'
          }
        }());
        Car.setSpeed(30);
        Car.getSpeed(); //30
        Car.accelerate();
        Car.getSpeed(); //40;
        Car.decelerate();
        Car.decelerate();
        Car.getSpeed(); //20
        Car.getStatus(); // 'running';
        Car.decelerate();
        Car.decelerate();
        Car.getStatus();  //'stop';
        Car.speed;  //error

5.写一个函数使用setTimeout模拟setInterval的功能

        var i = 0;
        function a(){
          setTimeout (function(){
            console.log(i++);
            a()
          },3000)
        }
setTimeout：指定时间后执行一次
setInterval：每间隔时间重复执行

6.写一个函数，计算setTimeout平均[备注：新加]最小时间粒度

function getMin(){
          var i = 0;
          var start = Date.now();
          var clock = setTimeout (function(){
            i++;
            if(i===1000){
              clearTimeout(clock);
              var end = Date.now();
              console.log((end - start)/i);
            }
            clock = setTimeout(arguments.callee,0);
          },0);
        }

7.下面这段代码输出结果是? 为什么?

var a = 1;
        setTimeout(function(){
            a = 2;
            console.log(a);//2
        }, 0);
        var a ;
        console.log(a);//1
        a = 3;
        console.log(a);//3
        原因是setTimeout()优先级放在最后所以结果是1，3，2。

8.下面这段代码输出结果是? 为什么?

var flag = true;
        setTimeout(function(){
          flag = false;
        },0)
        while(flag){}
        console.log(flag);

没有输出。因为setTimeout是在执行完其他代码之后再执行，所以在执行完第一句之后，就到了下面的while循环，flag为true，为死循环，执行空语句，无输出。

9.下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）

for(var i=0;i<5;i++){
      setTimeout(function(){
           console.log('delayer:' + i );
      }, 0);
      console.log(i);
  }

方法一：

for(var i=0;i<5;i++){
          (function(){
            var n = i;
            setTimeout(function(){
                 console.log('delayer:' + n );
            }, 0);
          })()
          console.log(i);
        }

方法二：

Paste_Image.png

方法三：

for(var i=0;i<5;i++){
      setTimeout((function(i){
        return function() {
          return console.log('delayer:' + i );
        }
      }(i)), 0);
      console.log(i);
  }

方法四：

for(var i=0;i<5;i++){
      setTimeout((function(){
          var n = i;
          return function () {
            return console.log('delayer:' + n );
          }
           
      }()), 0);
      console.log(i);
  }