关于闭包、定时器

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

• 闭包指有权访问另一个函数作用域的变量的函数。创建闭包的常见方式 是 在一个函数内部创建另一个函数，并可以将一个函数返回。
• 官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：
• 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。
• 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。简单的说script允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。
• 在我的理解看来，闭包的作用是可以操作一个函数的局部变量。而阮一峰的解释是闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

可以看demo来理解：

//没有使用闭包
for(var i =0; i<5; i++){
  setTimeout(function(){
    console.log('a'+i)
  },0)
    }

这个函数输出的结果并不是想象的a0,a1,a2,a3,a4,而是5个a4，这是因为它执行函数时，i在函数里面并没有声明，因此他向外寻找，而i到4的时候停止循环，因此寻找到i=4，所以，这就是得出5个a4的原因。
那么，我们可以使用闭包避免这个问题，如下

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

原因是：它构建一个只有自己本身才可访问的闭包，保存只供本身使用的变量（在我理解就是，在闭包里面处理各种变量。）

参考：
阮一峰学习Javascript闭包（Closure）

2.setTimeout () 有什么作用

1. 起到一个倒计时运行的作用，时间设置为多少，他就延迟多少时间运行，倘若是0就立即执行
2. 将setTimeout()里面的代码放置代码的最后运行

 var a=1;
 setTimeout(function(){
     console.log('before',a);
     a = 2;
     console.log('after',a);
},0);

     a=100;
     console.log(a);
    
//得出的结果先是 100
               before 100     
               after 2

代码

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

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

思路：可以用闭包让fnArri输出i

• 方法一:

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

• 方法二:

var fnArr=[];
for(var i=0;i<10;i++){
   (function(){
      var num = i;
      fnArr[i] = function(){
          return num;
    }
  })()
}

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

var car =(function(){
    var i =0;

    function setSpeed(k){
          i =k;
    }

    function getSpeed(){
      return i;
  }
    function accelerate(){
      i=i+10;
}
  function decelerate(){
    i=i-10;
}
function getStatus(){
    if(i>0){
        return 'running';
      }
    else
       {
        return 'stop';
      }
}
return {
    getSpeed:getSpeed,
    setSpeed:setSpeed,
    accelerate:accelerate,
    decelerate: decelerate,
    getStatus: getStatus
}
})();
Car.setSpeed(30);
console.log(Car.getSpeed());//30
Car.accelerate();
console.log(Car.getSpeed());//40;
Car.decelerate();
Car.decelerate();
console.log(Car.getSpeed()); //20
console.log(Car.getStatus()); // 'running';
Car.decelerate();
Car.decelerate();
console.log(Car.getStatus());  //'stop';

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

var i =0;
function setInterval(){
  setTimeout(function(){
  console.log(i++)
  setInterval())
},1000)

  setInterval();

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

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

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

var a = 1;
setTimeout(function(){
 a = 2;
console.log(a); //2
}, 0);
var a ;console.log(a); //1
a = 3;console.log(a); //3
//但是console.log的顺序是 1,3,2
//这是因为setTimeout会让代码放到代码最后执行

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

var flag = true;
setTimeout(function(){ 
flag = false;
},0)
while(flag){}
console.log(flag);
//这里并没有输出结果，因为while(flag)会一直判断是true，这就会一直执行循环，因此下面的代码并不会执行 

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

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

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