20、闭包，定时器

问答题

1、什么是闭包? 有什么作用？

• 由于javascript中的作用域链特性，内部函数可以调用所在外部函数的所有变量、声明以及函数，但是外部函数不能调用内部函数的变量。因此通过调用内部函数的方法，获得内部函数的变量，就会形成闭包。简单地说，闭包就是一种沟通内部函数变量和外部函数的桥梁。
• 用处：1.读取函数的内部变量。2.使得变量的值留存在内存中

2、setTimeout 0 有什么作用

• setTimeout 0可以使函数内部的代码等待左右代码执行完成后再执行，起到一个异步执行的作用。

代码题

1、下面的代码输出多少？修改代码让fnArr[i]（）输出 i。使用两种以上的方法

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

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

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

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

function carSpeed(){
    var speed=0;
    
         return {    
             setSpeed : function(n){    
                 return speed=n;    
             },    
             getSpeed : function(){    
                 return speed;    
             },
             accelerate:function(){
                return speed+=10;
             },
             decelerate:function(){
                return speed-=10;
             },
             getStatus:function(){
                if (speed>0){
                    console.log("Running");
                }else{
                    console.log("Stopped")
                }
             }
        }    
        
};
var Car=new carSpeed();
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

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

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

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

var i=0;
function sTime(){
    
    var a=Date.now();
    var b=setTimeout(function ctime(){
        i++;
        if(i===1000){
            clearTimeout(b);
            var endTime=Date.now();     
            console.log((end-a)/i);
        }
        setTimeout(ctime,0);
    },0);
}
sTime();

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

var a = 1;
setTimeout(function(){ 
      a = 2;
      console.log(a); 
}, 0);
var a ;
console.log(a); 
a = 3;
console.log(a);
//输出顺序为 1 3 2 因为setTimeout函数是延时函数 会放在所有代码最后执行。

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

var flag = true;   //flag默认为true
setTimeout(function(){     //延时函数放到最后执行，根据后面的代码 不会执行到这一步
    flag = false;
},0)
while(flag){                 //没有执行到延时函数因此flag一直为true 不会跳出循环
}
console.log(flag);   // 无法跳出循环 因此不会执行到这一步

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

for(var i=0;i<5;i++){ 
      setTimeout(function(){ 
                 console.log('delayer:' + i ); 
      }, 0);
 console.log(i);
}
//输出：
0
1
2
3
4
delayer：4

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